scroll-snap

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 tiny pure-CSS, full-bleed product slider that aligns to your grid and bleeds to the browser edge. Zero dependencies.

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

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.

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.

A Simple Way To Create Carousel Using just CSS

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.

Scrollable containers with snapping

A modern way to make slideshows

Lightweight CSS scroll snap carousel: a zero-dependency <snap-carousel> web component (4kB)

One design, every phone. A mobile-first layout framework that scales a canonical 360x720 design (built on a researched 60px finger unit) to fit any viewport exactly — no breakpoints.

scroll-snap and scrollTo effect

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

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.