Swiper Demos

UI Initiative

Premium Swiper templates & plugins from UI Initiative

Material You SliderTinder Slider
Shaders SliderSlicer Slider
Shutters SliderStories Slider
Spring SliderPanorama Slider
Fashion SliderCarousel Slider
Triple SliderTravel Slider
Expanding CollectionPosters Slider
Paper OnboardingSwiper 3D Slicer
Swiper 3D Pagination

Default

Preview
CodeSandbox:
Preview
CodeSandbox:

Pagination

Preview
CodeSandbox:

Pagination dynamic

Preview
CodeSandbox:

Pagination progress

Preview
CodeSandbox:

Pagination fraction

Preview
CodeSandbox:

Pagination custom

Preview
CodeSandbox:

Scrollbar

Preview
CodeSandbox:

Vertical

Preview
CodeSandbox:

Space between

Preview
CodeSandbox:

Slides per view

Preview
CodeSandbox:

Slides per view auto

Preview
CodeSandbox:

Centered

Preview
CodeSandbox:

Centered auto

Preview
CodeSandbox:

Css mode

Preview
CodeSandbox:

Freemode

Preview
CodeSandbox:

Scroll container

Preview
CodeSandbox:

Grid

Preview
CodeSandbox:

Nested

Preview
CodeSandbox:

Grab cursor

Preview
CodeSandbox:

Infinite loop

Preview
CodeSandbox:

Slides per group skip

Preview
CodeSandbox:

Effect fade

Preview
CodeSandbox:

Effect cube

Preview
CodeSandbox:

Effect coverflow

Preview
CodeSandbox:

Effect flip

Preview
CodeSandbox:

Effect cards

Preview
CodeSandbox:

Effect creative

Preview
CodeSandbox:

Keyboard control

Preview
CodeSandbox:

Mousewheel control

Preview
CodeSandbox:

Autoplay

Preview
CodeSandbox:

Autoplay progress

Preview
CodeSandbox:

Manipulation

Preview
CodeSandbox:
Preview
CodeSandbox:
Preview
CodeSandbox:

Multiple swipers

Preview
CodeSandbox:

Hash navigation

Preview
CodeSandbox:

History

Preview
CodeSandbox:

Rtl

Preview
CodeSandbox:

Parallax

Preview
CodeSandbox:

Lazy load images

Preview
CodeSandbox:

Responsive breakpoints

Preview
CodeSandbox:

Ratio breakpoints

Preview
CodeSandbox:

Autoheight

Preview
CodeSandbox:

Zoom

Preview
CodeSandbox:

Virtual slides

Preview
CodeSandbox:

Custom plugin

Preview
CodeSandbox:

Slideable menu

Preview
CodeSandbox:

Change direction

Preview
CodeSandbox:

Watch slides visibility

Preview
CodeSandbox:

Rewind

Preview
CodeSandbox: