swiperjs.com Open in urlscan Pro
2a06:98c1:3120::3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Swiperv11.0.1

SearchK
 * Docs
   * Getting Started
   * 
   * Swiper Core / API
   * Swiper Element
   * Swiper React
   * Swiper Vue
   * 
   * Changelog
 * Resources
   * Demos
   * Plugins
   * 
   * Blog
   * Sponsors
 * Premium
   * UI Initiative
   * Swiper Studio
 * 36,966 stars

 * Light
 * Dark
 * System

Swiper
The Most Modern Mobile Touch Slider
MIT Licensed, v11.0.1 released on October 24, 2023
Get Started
Endless Creativity


Build Complex Touch Galleries
Slide 1

Slide 2

Slide 3

Slide 4

Slide 5


Slide 1


Slide 2


Slide 3


Slide 4


Slide 5



Slide 1
Slide 2

Slide 3

Slide 4

Slide 5


Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Start Using It Now
Get Started
Your new development career awaits. Check out the latest listings.ads via Carbon


SWIPER

Swiper is the most modern free and open source mobile touch slider with hardware
accelerated transitions and amazing native behavior. Use it on websites, web
apps, and mobile native/hybrid apps.

Swiper, along with other great components, is a part of Framework7 and Ionic
Framework - a fully-featured frameworks for building iOS & Android apps.


AVAILABLE FOR

JavaScript

React

Vue.js

WebComponents


EASY AS

<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-element-bundle.min.js"></script>
<swiper-container>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
  <swiper-slide>Slide ...</swiper-slide>
</swiper-container>


POWERED WITH TOP NOTCH FEATURES


 * LIBRARY AGNOSTIC
   
   Swiper doesn't require any JavaScript libraries like jQuery, which makes
   Swiper much smaller and faster


 * MODULAR STRUCTURE
   
   Swiper has a modular structure and allows you to use only the necessary
   modules to make its size even smaller


 * RICH API
   
   Swiper comes with a very rich API. You can even create your own plugins


 * FULL RTL SUPPORT
   
   Swiper provides 100% RTL support with correct layout


 * MULTI ROW SLIDES LAYOUT
   
   Swiper allows a multiple row slides layout, with a few slides per column


 * TRANSITION EFFECTS
   
   There are a lot of transition effects including 3D effects


 * TWO-WAY CONTROL & THUMBS
   
   Swiper can be used as controller for any number of other Swipers


 * FULL NAVIGATION CONTROL
   
   All required navigation elements are here - Pagination, Navigation, Scrollbar


 * MOST FLEXIBLE SLIDES LAYOUT GRID
   
   Swiper has a lot of parameters to make it as flexible as possible


 * PARALLAX TRANSITIONS
   
   Swiper supports modern parallax transition effects that can be used on any
   element inside of Swiper: images, text blocks, headings, backgrounds, etc.


 * IMAGES LAZY LOADING
   
   Delays loading of images in inactive/invisible slides until the user swipes
   to them


 * VIRTUAL SLIDES
   
   This feature is great when you have a lot of content-heavy slides so it keeps
   just the required amount of slides in DOM


 * CSS SCROLL SNAPPING
   
   Special mode that uses natural CSS scrolling for unlimited performance


 * AND MANY MORE ...
   
   Responsive, scroll prevention, resistance, autoplay, loop mode, etc.


USED BY MILLIONS




PREMIUM SERVICES


SWIPER STUDIO

Premium no-code Swiper builder and editor




UI INITIATIVE

Premium Swiper templates & plugins


LATEST FROM THE BLOG

Swiper v11 - Back To Basics
Oct 24, 2023

Swiper Slider In Webflow
Aug 1, 2023

Slide Slots In v10.1.0
Aug 1, 2023


MORE OF OUR PROJECTS

Framework7
Full featured framework for building iOS, Android & desktop apps
Atropos
Stunning touch-friendly 3D parallax hover effects
Konsta UI
Pixel perfect mobile UI components built with Tailwind CSS


SPONSORS

Support Swiper on Open Collective or Patreon and help us to make it even better!
Your support means a lot for us!
Become a sponsor on OpenCollectiveSupport Swiper on Patreon

2023 © Swiper by