Swiper Demos

PaneFlow

UI Initiative

Premium Swiper templates & plugins from UI Initiative

Default

Preview

CodeSandbox:

Core

React

Vue

Element

Navigation

Preview

CodeSandbox:

Core

React

Vue

Element

Pagination

Preview

CodeSandbox:

Core

React

Vue

Element

Pagination dynamic

Preview

CodeSandbox:

Core

React

Vue

Element

Pagination progress

Preview

CodeSandbox:

Core

React

Vue

Element

Pagination fraction

Preview

CodeSandbox:

Core

React

Vue

Element

Pagination custom

Preview

CodeSandbox:

Core

React

Vue

Element

Scrollbar

Preview

CodeSandbox:

Core

React

Vue

Element

Vertical

Preview

CodeSandbox:

Core

React

Vue

Element

Space between

Preview

CodeSandbox:

Core

React

Vue

Element

Slides per view

Preview

CodeSandbox:

Core

React

Vue

Element

Slides per view auto

Preview

CodeSandbox:

Core

React

Vue

Element

Centered

Preview

CodeSandbox:

Core

React

Vue

Element

Centered auto

Preview

CodeSandbox:

Core

React

Vue

Element

Css mode

Preview

CodeSandbox:

Core

React

Vue

Element

Freemode

Preview

CodeSandbox:

Core

React

Vue

Element

Scroll container

Preview

CodeSandbox:

Core

React

Vue

Element

Grid

Preview

CodeSandbox:

Core

React

Vue

Element

Nested

Preview

CodeSandbox:

Core

React

Vue

Element

Grab cursor

Preview

CodeSandbox:

Core

React

Vue

Element

Infinite loop

Preview

CodeSandbox:

Core

React

Vue

Element

Slides per group skip

Preview

CodeSandbox:

Core

React

Vue

Element

Effect fade

Preview

CodeSandbox:

Core

React

Vue

Element

Effect cube

Preview

CodeSandbox:

Core

React

Vue

Element

Effect coverflow

Preview

CodeSandbox:

Core

React

Vue

Element

Effect flip

Preview

CodeSandbox:

Core

React

Vue

Element

Effect cards

Preview

CodeSandbox:

Core

React

Vue

Element

Effect creative

Preview

CodeSandbox:

Core

React

Vue

Element

Keyboard control

Preview

CodeSandbox:

Core

React

Vue

Element

Mousewheel control

Preview

CodeSandbox:

Core

React

Vue

Element

Autoplay

Preview

CodeSandbox:

Core

React

Vue

Element

Autoplay progress

Preview

CodeSandbox:

Core

React

Vue

Element

Manipulation

Preview

CodeSandbox:

Core

React

Vue

Element

Thumbs gallery

Preview

CodeSandbox:

Core

React

Vue

Element

Thumbs gallery loop

Preview

CodeSandbox:

Core

React

Vue

Element

Multiple swipers

Preview

CodeSandbox:

Core

React

Vue

Element

Hash navigation

Preview

CodeSandbox:

Core

React

Vue

Element

History

Preview

CodeSandbox:

Core

React

Vue

Element

Rtl

Preview

CodeSandbox:

Core

React

Vue

Element

Parallax

Preview

CodeSandbox:

Core

React

Vue

Element

Lazy load images

Preview

CodeSandbox:

Core

React

Vue

Element

Responsive breakpoints

Preview

CodeSandbox:

Core

React

Vue

Element

Ratio breakpoints

Preview

CodeSandbox:

Core

React

Vue

Element

Autoheight

Preview

CodeSandbox:

Core

React

Vue

Element

Zoom

Preview

CodeSandbox:

Core

React

Vue

Element

Virtual slides

Preview

CodeSandbox:

Core

React

Vue

Element

Custom plugin

Preview

CodeSandbox:

Core

Slideable menu

Preview

CodeSandbox:

Core

Change direction

Preview

CodeSandbox:

Core

Watch slides visibility

Preview

CodeSandbox:

Core

React

Vue

Element

Rewind

Preview

CodeSandbox:

Core

React

Vue

Element