DEV Community

Cover image for DriftSlider: Physics-Based Modular JS Carousel Slider
jQueryScript
jQueryScript

Posted on

DriftSlider: Physics-Based Modular JS Carousel Slider

DriftSlider: a modular JavaScript/CSS slider library with physics-based touch interactions, four transition effects, and nine optional modules.

Key highlights:

  • Core bundle under 10KB gzipped, zero production dependencies
  • Velocity tracking, friction, and edge bounce for natural swipe feel
  • Effects: Slide, Fade, 3D Coverflow, Cards (stack / diagonal / flip)
  • Mobile-first responsive breakpoint system
  • Full ARIA accessibility via the A11y module
  • TypeScript type definitions included
  • Works as a Vanilla JS ESM module and as a jQuery plugin

๐Ÿ‘‰ Blog Post

๐Ÿ‘‰ GitHub Repo

๐Ÿ‘‰ Live Demo

Top comments (0)