scroll-snap

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

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

Bottom sheets for React that feel native. Because they are: a real <dialog> in the top layer, CSS scroll-snap as the gesture engine, spring physics compiled to linear(). Drawers, dialogs, side panels, and sonner-compatible toasts in one package.

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

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.

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

A modern way to make slideshows

scroll-snap and scrollTo effect

Scrollable containers with snapping

A Simple Way To Create Carousel Using just CSS

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.

TikTok clone using React.js, Material UI, Flexbox, React-Ticker, Scroll Snap, Node.js, Express.js Server, MongoDB, Mongoose, Git, Firebase Hosting, Heroku backend Hosting

Batatabit website project (HTML+CSS)

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.

A mystical, internationalized landing page for The Universe Decides — a cosmic random decision-making app featuring parallax scrolling, scroll-driven animations, and interactive storytelling.

Headless bottom-sheet / modal on native <dialog> + CSS scroll-snap — vanilla core + React adapter, ~8 kB, zero deps.

Pure CSS image slider — scroll-snap, ::scroll-marker, ::scroll-button(), CSS Anchor Positioning. No JavaScript.