Swiper - The Most Modern Mobile Touch Slider

🔥 Black Friday Sale: Up to 40% OFF on UI Initiative, Swiper Studio and t0ggles 🔥SwiperThe Most Modern Mobile Touch SliderMIT Licensed, v11.1.15 released on November 18, 2024 Get StartedEndless CreativityBuild Complex Touch GalleriesSlide 1Slide 2Slide 3Slide 4Slide 5Slide 1Slide 2Slide 3Slide 4Slide 5Slide 1Slide 2Slide 3Slide 4Slide 5Slide 1Slide 2Slide 3Slide 4Slide 5Start Using It NowGet StartedSwiper

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

JavaScriptReactVue.jsWebComponents

Easy As

<script src="https://cdn.jsdelivr.net/npm/swiper@11/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 BasicsOct 24, 2023Swiper Slider In WebflowAug 1, 2023Slide Slots In v10.1.0Aug 1, 2023

More Of Our Projects

t0gglesYour ultimate multiple projects management toolFramework7Full featured framework for building iOS, Android & desktop appsAtroposStunning touch-friendly 3D parallax hover effectsKonsta UIPixel 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