Skip to content
/ swiper Public
forked from nolimits4web/swiper

Most modern mobile touch slider with hardware accelerated transitions

License

Notifications You must be signed in to change notification settings

nWacky/swiper

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

difference between this fork and upstream

Sometimes swiper is destroyed before html element is available, which causes an exception.

Read more: swiper/discussions/6721

I (quickly) added a try/catch in vue plugin when unmounting swiper and made all plugins null safe, so all plugins can clear state if no html element was ever created


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

SEO Agency UK - International SEO and Link Building Services Linkbuilding Sweden - Link Building Agency Sweden Vedonlyöntibonukset 2023 | Ilmaiset vihjeet | Koutsi hoitaa 10 Most Reputable Non-GamStop Casinos UK in 2023 ✔️ | Bitcoinist.com Hire Professional Paper Writers for Custom Writing Services Casino utan Svensk Licens 2023 automatenspielex online Automatenspieler - Das Casino-Portal von Spielern für Spieler Buy Youtube Views Gamble Online Australia | Best Online Gambling Sites List 2022 Nettikasinot | Tässä parhaat nettikasinot 2022 - Katso lista Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino!
indian casino Bluechip NonGamStopOdds casino sites Online Casino Test 2022 » 90+ Casinos von Experten geprüft! Kasinot | Löydä parhaat nettikasinot (2022) Rahapelit netissä - Löydä parhaat pelisivut rahapeleihin Paras nettikasino (2021) - Löydä listalta parhaat nettikasinot Online sports betting and casino at Parimatch India Casinos not on GamStop | Casino-Wise.com Casinos not on GamStop UK 🏆 NonGamStopWager.com Casino utan spelpaus Casinot | Tässä parhaat netticasinot 2021 - Katso lista Online Casinos Cyprus - CasinoAuditor
Best Online Casinos in Canada Pay Someone to Write My Research Paper Beste iDeal Casino's 2023 - Veilige NL Online Casino met iDeal My Football Bets: Compare Betting Odds and Sites Scrap Car Removal Toronto | Best Cash For Scrap Cars up to $5,000 Pitkävetovihjeet | Joka päivä uusia kohteita | Lue lisää buy Instagram likes Linkbuilding Italy - Link Building Italy Pikakasinot 2023 | Löydä paras uusi pikakasino suomessa! Rahapelit Netissä Toukokuu 2023 - Paras Rahapeli Valikoima Real Money Online Casino - Best Casinos That Pay Real Money Buy Instagram Reels Views
Best Online Casino NZ in 2023 - Online Gambling NZ SEO Skribent & Copywriter - Filippa Richert Casinot: Katso mitkä ovat parhaat casinot netissä 2023 no id verification withdrawal casino uk सर्वोत्तम गैम्बलिंग साइट भारत : 100% सुरक्षित ऑनलाइन जुआ mobiplast Top 10 Najboljih Online Casino u Hrvatskoj u 2023 Online Vape Shop – DispoMode Vahvat Nikotiinipussit Laillisesti Suomeen - Kiekkotorni Onlinecasinosspelen.com site is dé nummer één gids, waardoor je gemakkelijk alle informatie van de top 10 online casino sites. Pucuk138 » Daftar Situs Judi Online Slot Gacor Hari Ini Top 10 Australian Online Casinos ➤ Real Money (Aud) 2023
Spille Uden Om Rofus - Bedste Casinoer Uden Rofus FatGambler - Canadian Online Casino Reviews Crypto SEO Agency - Scaling the growth in the Crypto space Link Building Asia De Beste Online Casinos in Nederland – Casino Reviews voor Nederlandse Spelers Nettcasino i Norge - Beste norske online casino på nett Best Sites To Buy Instagram Followers In 2023 | Howsociable Best Online Casinos USA | Top US Online Gambling Sites 2023 Огляд найкращих казино в Україні JetX - jogo do foguete que ganha dinheiro - tudo sobre o jogo jetX Sup! - Standups, Holidays, and Surveys for your team | Sup! Standup Bot
casino utan svensk licens Casino Zonder Cruks En Nederlandse Licentie Best Online Casinos India 2023 ▷ Top Indian Casino Sites Rotativka.com - Най-добрите онлайн казина в България рейтинг ліцензійних онлайн казино України Justuk.club reviews UK non gamstop sites Mobile Pokies in NZ - Best Mobile Phone Pokies for Real Money [2023] | BetPokies.co.nz Under 1 Hour Withdrawal Casinos in Australia - 2022 Best Bitcoin Casinos in 2023 ✔️ Top Crypto Casino Sites PA Online Casino - List of Best Casinos in Pennsylvania New Online Casinos Australia Casino Zonder Registratie 2022 | CZR's Top No Account Casino's Ranglijst
Buy Instagram Likes | Real, Instant Delivery & Only $1.47 Nieuwe Online Casino's December 2022 | Overzicht van de top nieuwe casinos! CASINO SEO | SEO Services for gambling sites and online casinos オンラインカジノ - OnlineCasinoWiki.com cricket betting app Pièces auto neuves au meilleur prix | MISTER AUTO iStarTips - Tips for Software, Apps on Android, iPhone Giochi online e non solo – A quale gioco vuoi giocare oggi? Best No Deposit Bonus Guide 2022 Discover the Best Online Casinos in New Zealand in 2022 Best Asian Bookies WiserGamblers | Best Online Gambling Guide
casinos ohne lizenz new crypto casinos 2023 utländska casino med låg insättning Non Gamstop Betting Sites UK Coupons, Promo Codes, October 2022 — Refermate Scommesse Serie A: dove scommettere? Software Development Company | Bespoke Software | One Beyond London, UK Buy Instagram Likes - Real, Instant Likes - $1/50! - MegaFamous betting sider online casinoer casino uden ROFUS Corsi e Formazione Professionale
Migliori siti scommesse: quale il miglior sito scommesse 2022? Siti scommesse non AAMS | Bookmakers non AAMS 2022 🥇 Best Australian Online Pokies. Trusted Online Casino Reviews 2022 Vedonlyöntibonukset 2022 | Ilmaiset vihjeet | Koutsi hoitaa Casino utan svensk licens » Utan Spelpaus med BankID | 2022 Uudet kasinot Elokuu 2022 🥇 - Parhaat uudet nettikasinot Top 25 New Casino Sites August 2022 - Spinsify.com/uk The Casino Wizard » Best Casinos & (No) Deposit Bonuses 2022 Take My Online Class For Me? NoNeedToStudy.com Best Online Casino NZ ▷ Top New Zealand Casinos [2022] Coupontoaster: August 2022 Discount Codes, Coupons, Promo Codes & Deals Compare and test the best Online Casinos, with a strong focus on mobile Casino
Make the world a better place for Online Casino comparisons Ausführliche Informationen an die interessierten Spieler vermitteln um die bestmögliche Auswahl zu ermöglichen Online Casino Deutschland - Beste deutsche Online Casinos 2022 Best Real Money Online Casino ➲ Play Online and Win Real Money Fastest Payout Casinos in Canada [2022] VPNwelt: VPN Neuigkeiten, Testberichte und Statistik 2022 Real Spy Apps - Reviews, You Can Trust Clique Studios - Creative Digital Transformation Buy TikTok Followers - 100% Real & Fast | Just $5.00 - SocialBoosting Gamblorium publishes news, information, and reviews about regulated online gambling operators. Rating of best betting sites in Australia Casinos Not on GamStop » Most Trusted Non GamStop UK Casinos ⭐️
Top FREE Crypto Sign Up Bonuses & Referral Codes Best Crypto Casinos | Top Bitcoin Gambling Sites (2022) Greece Golden Visa Aviator aposta ᐈ Jogo de avião Aviator Casino en Ligne Argent Réel au Canada: Meilleurs Sites de Casino Discover The Best Reputable Online Casinos in Canada 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 NYC Jackets Інтернет казино онлайн – ТОП online casino України для гри в ігрові автомати
Kasyno Online Legalne Polska ⚡️ Ranking Kasyn Grudzień 2021 ! Timeshare exit company reviews Instant Withdrawal Casino Sites Worth Visiting in 2021 Online Slots - UK Slot Games - 500 FREE Spins at Wizard Slots Best Phone Tracker Apps without Permission in 2021【for iOS & Android】 Red Dog Online Casino Fortune Games® | Free Spins No Deposit Slot Games | Online Slots Buy Instagram Followers - Cheap & Instant - $3.90 per 1.000 Erik Kings Zamsino Bonus seiten Review of the best online casino in Italy Get the most out of Social Media - Boosbe VPN for Chrome to Make Web Surfing 100% Safe
CasinoExpo casino utan registrering Best Bitcoin Casinos » Find The Best Crypto Casino 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 Play Online Blackjack at elroyalecasino.com Website that Writes Essays for You - Paperell.com 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]

About

Most modern mobile touch slider with hardware accelerated transitions

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.9%
  • SCSS 4.3%
  • Less 4.2%
  • HTML 1.4%
  • Other 1.2%