Scroll Snap Slider

Mostly CSS Slider with great performance

These demos include some additional UI. The Arrows and dots are not included in the library, but code samples can be copied from the demo code.

Read more on GitHub.

Or scroll through the auto-generated docs.

barthy-koeln/scroll-snap-slider Sponsor

Simple Slider

Scroll/Swipe horizontally or use the navigation dots...

You can even add anchor links, like this one that leads to slide number three.

Included Plug-Ins:

  • pug in a blanket
  • cat's nose up close

  • This one is just text

    Lorem ipsum and all that stuff.

  • same pug in another blanket
  • cute puppy eyes

Multiple Slides Visible

The arrows tell you if you can go the next/prev slide.

Responsiveness Example

These arrows disappear if there's nothing to scroll.

Pure CSS Slider

It's not pretty but it works. Click the scrollbar arrows, scroll, or drag the scrollbar.