Most modern mobile touch slider and framework with hardware accelerated transitions


Keywords
swiper, swipe, slider, touch, ios, mobile, cordova, phonegap, app, framework, framework7, carousel, gallery, plugin, react, vue, slideshow, touch-events
License
MIT
Install
npm install swiper@9.0.3

Documentation

Get Started | Documentation | Demos

Financial Contributors on Open Collective Build status jsDelivr Hits tree-shakeable types included

Swiper

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Sponsors

Онлайн-казино Чили в 2024 году → Откройте для себя лучшие онлайн-казино в Чили České Online Casino: Hrajte Bezpečně a Výhodně v 2024 Najlepšie Online Casino Slovensko 2024 | Október 2024 SS Market: Social Media Services Market Route4Me Route Planner Automatenspieler Best Online Casino Australia Buy Youtube Views 100% Real & Cheap Uudet nettikasinot 2024 » Listaamme Suomen uudet kasinot Casino utan Svensk Licens 2023 automatenspielex online Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino!
NonGamStopOdds casino sites Online Casino Test 2022 » 90+ Casinos von Experten geprüft! Online sports betting and casino at Parimatch India Casinos not on GamStop | Casino-Wise.com Casinos not on GamStop UK 🏆 NonGamStopWager.com Online Casinos Cyprus - CasinoAuditor Best Online Casinos in Canada Pay Someone to Write My Research Paper Ricky Casino Betting Websites Buy TikTok Likes Najlepšie Slovenské Online Casino v 2024!
FastPayoutCasino Buy X Followers Buy X Followers Crown Pokies Online 2024 - 100% Bonus to 1000 AUD + 100 FS BetWithCrypto - your guide to successful betting with crypto The most trusted sites for CSGO (CS2) Gambling Buy Facebook Post & Page Likes Buy Instagram Followers Buy Followers, Likes, Subscribers & Views - Media Mister Robot trading lpotouraine Follow to the Google Webmaster Guidelines with feedthebot Nuevos Casinos Online en España 2024
Καλύτερα Live καζίνο στην Ελλάδα 2024 Buy YouTube Views @ Social Mention Buy Instagram Followers Cheap Graming Instagram Likes Beste online Casino Österreich ✅ Leitfaden für Glücksspieler Zamsino.com 🎖️ Global Online Gambling Guide Betwinner Partner Wordle Hint Today Togel Hongkong Togel Singapore Togel Hari Ini Data Keluaran SGP HK Prize RustCasino - The Best Rust Gambling Site Купить лайки в Инстаграм Online Casinos Deutschland
Casinos online em Portugal NoVerification Casinos Buy Instagram Followers Betting Site Aktualne Bonusy Bez Depozytu 🎖️ wrzesień 2024 Best Australian Online Casinos Morning Dough | A Free Daily Digital Marketing & AI Newsletter Find email addresses in seconds | Tomba Nove Casino eSports at HellaGood Marketing agency CasinosZonderCruksOnline Buy Instagram Likes
Buy Instagram Automatic Likes Inclave Casino Famegear — Trace your favorite figure's fame through their gear Honrev — The Most Honest Product Reviews From Real Customer Experiences Online Casino Nederland My Coding Pal Hashtags For Likes UK Casinos not on GamStop 2023 - nongamstopcasinos.net uaeonlinecasino.com Guidebook.BetWinner FitclubFinder CasinoOnlineCA
ZonderCruks - Online Gokken Zonder CRUKS Free Chip No Deposit SMM Panel Services Provider RunLikes Best Bitcoin & Crypto Casino Sites SocialBoss Mejores Casinos Sin Licencia en España 91 Club SANCTIONS LAW FIRM Interpol Law Firm try bookmakers not on GamStop Buy Instagram Followers & Likes Buy TikTok Likes With Free Trial
CasinoRevisor: Alles über die besten Casinos in Deutschland Ai2people Accelerating Your Software Products | Teravision Technologies Casino Magyar Ta καλύτερα διαδικτυακά καζίνο στην Ελλάδα το 2024 SMM Panel : Best and Cheapest Smm Services in The World! Best sites to Buy Instagram Followers Riversweeps Sweepstakes Software Bulkoid Gokken Online Cazino zonder Cruks Norska Casino
HolyMolyCasinos Danske casino Sitio web con reseñas de los mejores casinos en línea de Chile fb post likes Buitenlandse Online Casinos Greece Casinos Fortune Tiger Casino Bonussen Nederland Trusted Online Store Review and Latest Coupon Code 2024 Casino No deposit Bonus 2024 The best casino reviews, bonuses and slots Best sites to Buy Instagram Likes Jämför försäkringar
Jogo Fortune Rabbit Buy Instagram Likes - Real Likes & Instant Delivery! Vedonlyonti ilman rekisteroitymista Jogo Tiger Fortune – Jogo do Tigrinho para Ganhar Dinheiro Trace a phone number within minutes Vedonlyontiyhtiot.com - Parhaat Vedolyöntiyhtiöt & Bonukset Purchase TikTok followers, likes and views Buy Youtube Views UpGrow: #1 AI-Powered Instagram Growth | Real IG Followers Best Bitcoin Casinos SafeHamsters: The Pinnacle of Crypto Sports - SafeHamsters 90+ UK Casinos Not on Gamstop » Non GamStop Sites
Topnoaccountcasinos casino zonder registratie Best Real Money Online Gambling Sites 2023 Utländska Casino | Bästa Casinon med Trustly, BankID & Zimpler Prointernet SVITUA Nexus Smoke Premium E-Liquid and Luxury Vape Products Utländska Casino | Bästa Casinon med Trustly, BankID & Zimpler Overlyzer » football betting analyzer & soccer predictions Casino utan Svensk Licens | Bästa Casinon utan Spelpaus 🎖️ Рayid Сasinos Withdrawal & Deposit in Аustralia - Best РayID Оnline Рokies Detectico Phone Tracker to Find Location by Phone Number Онлайн казино 777 Україна
Игровые автоматы BetFans - Alles over online wedden; Bookmakers Vergelijken Top USA Online Casinos September 2023 | Online United States Casinos Best Online Casino in Philippines using GCash | 2023 Rank Best Online Casinos in New Jersey Best Payout Casinos for Canadian Players Buy YouTube Subscribers & Views UK @ just £1.99 - Boostlikes Buy Twitter Followers – 100% Active & Instant Online Kaszinó Magyar, Legjobb Online Kaszinók 2023 Buy Instagram Followers | Real, Instant Delivery & Only $2.97 BairesDev: Promoting Open Source for a Better Future Mines Aposta lll▷ Jogo da Bombinha Que da Dinheiro
siti non AAMS - outlookindia.com Technology, Security, Innovation, The Cyber World Now | Cyberogism Hosting Europe – Super fast support better than AI iGamingMI: Your Trusted Online Gambling Guide In Michigan Property for sale in Spain Scrap Car Removal Toronto | Best Cash For Scrap Cars up to $5,000 Pikakasinot 2023 | Löydä paras uusi pikakasino suomessa! Rahapelit Netissä Toukokuu 2023 - Paras Rahapeli Valikoima Buy Instagram Reels Views Best Online Casino NZ in 2023 - Online Gambling NZ Casinot: Katso mitkä ovat parhaat casinot netissä 2023 Onlinecasinosspelen.com site is dé nummer één gids, waardoor je gemakkelijk alle informatie van de top 10 online casino sites.
Rotativka.com - Най-добрите онлайн казина в България Under 1 Hour Withdrawal Casinos in Australia - 2022 PA Online Casino - List of Best Casinos in Pennsylvania Casino Zonder Registratie 2022 | CZR's Top No Account Casino's Ranglijst Nieuwe Online Casino's December 2022 | Overzicht van de top nieuwe casinos! cricket betting app Pièces auto neuves au meilleur prix | MISTER AUTO Giochi online e non solo – A quale gioco vuoi giocare oggi? WiserGamblers | Best Online Gambling Guide Coupons, Promo Codes, October 2022 — Refermate Buy Instagram Likes - Real, Instant Likes - $1/50! - MegaFamous betting sider
🥇 Best Australian Online Pokies. Trusted Online Casino Reviews 2022 Uudet kasinot Elokuu 2022 🥇 - Parhaat uudet nettikasinot The Casino Wizard » Best Casinos & (No) Deposit Bonuses 2022 Take My Online Class For Me? NoNeedToStudy.com Coupontoaster: August 2022 Discount Codes, Coupons, Promo Codes & Deals Fastest Payout Casinos in Canada [2022] Clique Studios - Creative Digital Transformation Casinos Not on GamStop » Most Trusted Non GamStop UK Casinos ⭐️ Greece Golden Visa Aviator aposta ᐈ Jogo de avião Aviator The Most Popular Stuff On The Internet Buy Instagram views
Correct Casinos | The Ultimate Guide to the Legit Online Casinos IB extended essay writing service Online Slots - UK Slot Games - 500 FREE Spins at Wizard Slots Red Dog Online Casino Fortune Games® | Free Spins No Deposit Slot Games | Online Slots LÅN PENGE NU | Hurtige Online lån 2021 | Klik her og Ansøg i dag Review of the best online casino in Italy VPN for Chrome to Make Web Surfing 100% Safe CasinoExpo casino utan registrering Inkedin - The Online Gambling News Hub Ranking Bukmacherów Legalnych 2020. Bukmacher nr 1 to... The Best Online Casinos in the UK » Gambling Sites by Casinosters
Deposit £10 Play with 30, 40, 50, 60, 70, or 80 Pounds✔️ GambLizard Instagram likes Buy 100% Cheap SMM Services - Instagram, YouTube, Twitter

Features

  • Tree-shakeable: Only modules you use will be imported into your app's bundle.
  • Mobile-friendly: It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
  • Library Agnostic: Swiper doesn't require any JavaScript libraries like jQuery, which makes Swiper much smaller and faster. It can be safely used with libraries such as jQuery, Zepto, jQuery Mobile, etc.
  • 1:1 Touch movement: By default, Swiper provides 1:1 touch movement interaction, but this ratio can be configured through Swiper settings.
  • Mutation Observer: Swiper has an option to enable Mutation Observer, with this feature Swiper will be automatically reinitialized and recalculate all required parameters if you make dynamic changes to the DOM, or in Swiper styles itself.
  • Rich API: Swiper comes with a very rich API. It allows creating your own pagination, navigation buttons, parallax effects and many more.
  • RTL: Swiper is the only slider that 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: Fade, Flip, 3D Cube, 3D Coverflow.
  • Two-way Control: Swiper may be used as controller for any number of other Swipers, and even be controlled at the same time.
  • Full Navigation Control: Swiper comes with all required built-in navigation elements, such as Pagination, Navigation arrows and Scrollbar.
  • Flexbox Layout: Swiper uses modern flexbox layout for slides layout, which solves a lot of problems and time with size caclulations. Such layout also allows configuring the Slides grid using pure CSS.
  • Most Flexible Slides Layout Grid: Swiper has a lot of parameters on initialization to make it as flexible as possible. You can control slides per view, per column, per group, space between slides, and many more.
  • Images Lazy Loading: Swiper Lazy Loading delays loading of images in inactive/invisible slides until the user swipes to them. Such feature could make the page load faster and improve Swiper performance.
  • Virtual Slides: Swiper comes with Virtual Slides feature that is great when you have a lot of slides or content-heavy/image-heavy slides so it will keep just the required amount of slides in DOM.
  • Loop mode
  • Autoplay
  • Keyboard control
  • Mousewheel control
  • Nested sliders
  • History navigation
  • Hash navigation
  • Breakpoints configuration
  • Accessibility (A11y)
  • And many more ...

Community

The Swiper community can be found on GitHub Discussions, where you can ask questions, voice ideas, and share your projects

Our Code of Conduct applies to all Swiper community channels.

Dist / Build

On production use files (JS and CSS) only from dist/ folder, there will be the most stable versions.

Development Build

Install all dependencies, in repo's root:


$ npm install

And build development version of Swiper:


$ npm run build

The result is available in dist/ folder.

Running demos:

All demos located in ./playground folder. There you will find Core (HTML, JS), React, Vue versions. To open demo, run:

  • Core: npm run core
  • React: npm run react
  • Vue: npm run vue

Production Build


$ npm run build:prod

Production version will available in dist/ folder.

Contributing

All changes should be committed to src/ files only. Before you open an issue please review the contributing guideline.

Major Roadmapped Features

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]