Skip to content

One more carousel plugin, but using CSS Scroll Snap and for every frameworks!

License

Notifications You must be signed in to change notification settings

rol4nd909/scroll-snap-carousel

 
 

Repository files navigation

Scroll Snap Carousel

Scroll Snap Carousel is a helper to enhance the native CSS Scroll Snap experience. If you ever wanted to use CSS Scroll Snap to create a carousel but were missing basic features like "active dots" indicator and drag scroll, this is for you!

⚠️ This project is a WIP!

Scroll Snap Carousel is a carousel based on native CSS Scroll Snap. It is dependency free with vanilla JS at its core, but comes with support for various frameworks. It's a rework of react-snaplist-carousel in vanilla JS.

  • Smoother than ever since it uses native CSS Scroll Snap, scroll behaviour basically can't be smoother!
  • Native scroll experience trackpad scroll, touch swipe, etc. all of this comes for natively, without cost, thanks to CSS Scroll Snap.
  • Lightweight it really doesn't do much.
  • Works everywhere with plugins for React, Svelte, Vue and Angular (soon?).

About

One more carousel plugin, but using CSS Scroll Snap and for every frameworks!

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 75.5%
  • JavaScript 18.6%
  • CSS 5.1%
  • HTML 0.8%