Skip to main content

React Scroll Snap Anime Slider

A simple slider using css style scroll-snap and Popmotion

Getting Started (v1.5.2)

Slide #1

Slide #2

Slide #3

Slide #4

Slide #5

Slide #6

Slide #7

Slide #8

Slide #9

Slide #10

Slide #11

Slide #12

Slide #13

Slide #14

Slide #15

Slide #16

Slide #17

Slide #18

Slide #19

Slide #20

Slide count:

Visible slides:

Slides per step:

Slide height:

Slide width:

Height will become auto if set to 0

Slide margin: px

Margin between each slide

Tray padding: px

Offset the tray to see prev/next slide partially

Free Scroll?:

Show scrollbar?:

Show buttons?:

Show dot group?:

Normal:

Dynamic circle:

Dynamic pill: