A TypeScript module that allows having both scroll snapping and normal scrolling between sections in your website
-
Updated
May 19, 2022 - TypeScript
#
scroll-snap
Here are 16 public repositories matching this topic...
React hook / Vanilla JS to manage scroll-state for CSS Scroll Snap
-
Updated
Feb 6, 2026 - TypeScript
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.
css html prototype snap animation css-animations scroll html-css simple-css css-scrolling scroll-snapping simple-html scroll-animation scroll-snap css-scroll-snap scrollsnap
-
Updated
Sep 21, 2023 - HTML
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.
react portfolio webgl threejs landing-page styled-components portfolio-website portfolio-site 3d portfolio-template world-map portfolio-page portfolio-project emailjs frontend-development drei react-simple-maps vite react-three-fiber scroll-snap
-
Updated
Mar 10, 2026 - JavaScript
A zero-dependency, framework-agnostic web component that enhances your existing scrollable content with carousel functionality.
-
Updated
Jun 25, 2026 - Svelte
A tiny pure-CSS, full-bleed product slider that aligns to your grid and bleeds to the browser edge. Zero dependencies.
-
Updated
Jun 28, 2026 - HTML
A one-page gallery site for Dr. Caryn McAllister — original watercolors, acrylics and mixed media in a quiet editorial layout: serif hero with an inline painting chip, drag-to-explore On View rail, filterable masonry collection, museum lightbox. Vanilla HTML/CSS/JS, zero dependencies, no build step, Vercel-ready.
css html lightbox vanilla-javascript static-site single-page client-work responsive-design masonry-layout watercolor art-gallery zero-dependencies scroll-snap vercel editorial-design
-
Updated
Jul 6, 2026 - 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.
-
Updated
May 5, 2024 - HTML
Pure CSS image slider — scroll-snap, ::scroll-marker, ::scroll-button(), CSS Anchor Positioning. No JavaScript.
-
Updated
Apr 17, 2026 - CSS
Batatabit website project (HTML+CSS)
-
Updated
Jun 14, 2022 - CSS
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
git reactjs mongoose material-ui express-middleware flexbox nodemon node-server firebase-hosting heroku-deployment mongodb-atlas scroll-snap react-ticker
-
Updated
Oct 8, 2021 - JavaScript
Improve this page
Add a description, image, and links to the scroll-snap topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the scroll-snap topic, visit your repo's landing page and select "manage topics."