scroll-snap

Native-like swipeable sheets for React: bottom sheets, sidebars, dialogs, toasts, lightboxes and pages that swipe and snap like native ones. Unstyled, accessible, zero dependencies. Examples, issues and discussions.

A TypeScript module that allows having both scroll snapping and normal scrolling between sections in your website

React bottom sheets, drawers, dialogs, side panels, and toasts. Native dialog and CSS scroll-snap sheets, with no runtime dependencies.

React hook / Vanilla JS to manage scroll-state for CSS Scroll Snap

A zero-dependency, framework-agnostic web component that enhances your existing scrollable content with carousel functionality.

Personal site and interactive CV: Next.js, TypeScript, snap-scroll layout with easter eggs

A single-page portfolio showcase built with React, Vite, and Three.js. It demonstrates scroll-snap sections, 3D visuals with React Three Fiber, a contact form with EmailJS, and a world map with react-simple-maps. Use it as a template for learning modern front-end tooling or as a base for your own portfolio.

Website for metal constructions building company

A tiny pure-CSS, full-bleed product slider that aligns to your grid and bleeds to the browser edge. Zero dependencies.

This project showcases the usage of a simple and pure CSS Scroll Snap feature in vertical scrolling. It provides a practical demonstration of how to create a webpage with multiple sections that snap into view as the user scrolls.

Scrollable containers with snapping

A Simple Way To Create Carousel Using just CSS

Lightweight React carousel and slider: smooth touch dragging, responsive slides, infinite loops, autoplay and CSS styling. TypeScript; zero runtime dependencies.

Headless scroll rail for Vue 3 (horizontal & vertical): page-sized prev/next, CSS scroll snap, RTL, keyboard & wheel stepping. SSR-safe.

Single-page wedding invitation website built with HTML5, CSS3 and vanilla JavaScript — scroll-snap storytelling, IntersectionObserver reveal animations, live countdown, client-side .ics export and an RSVP form.

A headless, accessible image carousel for React, driven by native CSS scroll snapping.

scroll-snap and scrollTo effect

🗂️ A lightweight web component for sheet interactions, built on native browser primitives. WIP

A reels-style feed of short pieces for Astro: one per screen, a page each, zero JavaScript. Demo: Shakespeare's 154 sonnets.

Una galería de imágenes que utiliza la propiedad CSS Scroll Snap. El Scroll Snap permite controlar el comportamiento de desplazamiento ("scroll") de un contenedor, de manera que los hijos del contenedor se alineen de forma ordenada al desplazarse.