🔥 Meet Our New Project:
t0ggles - Your Ultimate Project Management Tool!
🔥
Swiper
v11.1.15
Search
Docs
Getting Started
Swiper Core / API
Swiper Element
Swiper React
Swiper Vue
Changelog
Resources
Demos
Plugins
Blog
Sponsors
Premium
UI Initiative
Swiper Studio
stars
Light
Dark
System
Sponsors
Become a sponsor
Swiper Demos
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
Edit this page on GitHub