Swiper
Most modern mobile touch slider with hardware accelerated transitions (by nolimits4web)
splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors. (by Splidejs)
Our great sponsors
Swiper | splide | |
---|---|---|
87 | 25 | |
38,517 | 4,622 | |
- | 2.1% | |
9.1 | 0.0 | |
9 days ago | about 1 month ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Swiper
Posts with mentions or reviews of Swiper.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-04.
- Web Components e a minha opinião sobre o futuro das libs front-end
-
Building a complex carousel like Slick Slider center mode but without jQuery
SwiperJS?, they’ve got plenty of templates there.
- Any good sliders other than outdated slickJs
-
How to implement a data access layer pattern in SvelteKit?
You mention YAGNI, but I think the bigger blocker is "Don't reinvent the wheel" - which I think is the most misunderstood bit of programming advice out there. In my SvelteKit app, I am not using a "UI Framework" that provides components to me. I don't need to. Svelte is simple enough that I can build almost anything myself. I've looked at Skeleton's source code, and their components on average are not better than versions I have rolled myself. There are a few cases where it's better to use a framework. Sliders, for instance, have a lot of edge cases. So I use Swiper for carousels. But even then, I could build a working basic slider (that doesn't address the numerous edge cases) myself in an hour. The other case is Headless UI but even there, I disagree with how he implemented some things and it's possible to roll your own Svelte Headless UI just from Tailwind's source.
-
🎉Top React Libraries for Developers
Swiper.js is a JS library for creating touch-based, mobile-friendly sliders and carousels for web apps. It provides many features and options for building highly customizable sliders.
-
React Component for a "Swipe left/right"
I haven't used it myself, but I've seen other folks mention Swiper JS. This little snippet from their landing page makes it look pretty easy to use.
-
Trying to remember the name of a library...
Swiperjs? https://swiperjs.com
-
What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
swiperjs.com is my go to.
-
7 Libraries You Should Know as a React Developer 💯🔥
NPM: https://www.npmjs.com/package/swiper
-
A carousel with zooming active slide using react-spring-carousel
But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...
splide
Posts with mentions or reviews of splide.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-14.
-
Build A Reusable Carousel With React And Splide.js
In this article, you will build a reusable carousel component using React and Splide.Js — a lightweight and versatile slider library.
You can download the Splide package from the following link: Download
- Advice on creating an animation like this for my opening page?
-
Trying to remember the name of a library...
Maybe this https://splidejs.com/?
-
What is your favourite slider module?
I used https://splidejs.com/ in recent projects.
-
Do developers create carousels from scratch most of the time?
Thoughts on Splide? It’s also really good & lightweight https://splidejs.com
-
How do I get different carousels like this?
Slick is a very popular carousel, I use splide but either one would be able to make a slider like that
-
30 Javascript animation libraries for 2022
20. Splide
-
Recommend me a Nuxt 2 friendly carousel/slider for 2022!
Wow splidejs.com does everything!! Latest version is vue 3 so I'll look again when nuxt 3 comes out. Thanks for the rec!
-
3 Lightweight JavaScript Carousel Libraries
splidejs.com
What are some alternatives?
When comparing Swiper and splide you can also consider the following projects:
slick - the last carousel you'll ever need
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
Flickity - :leaves: Touch, responsive, flickable carousels
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
react-slick - React carousel component
reveal.js - The HTML Presentation Framework
Tiny Slider 2 - Vanilla javascript slider for all purposes.
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
Embla Carousel - A lightweight carousel library with fluid motion and great swipe precision.
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.