Swiper
Most modern mobile touch slider with hardware accelerated transitions (by nolimits4web)
slick
the last carousel you'll ever need (by kenwheeler)
Our great sponsors
Swiper | slick | |
---|---|---|
87 | 57 | |
38,551 | 28,276 | |
- | - | |
9.1 | 2.8 | |
6 days ago | 10 days ago | |
JavaScript | JavaScript | |
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
- Slider with two thumbs
-
Building a complex carousel like Slick Slider center mode but without jQuery
SwiperJS?, they’ve got plenty of templates there.
-
How to implement
Maybe swiper? https://www.npmjs.com/package/swiper
-
When the client dont understand minimalist design
just use https://swiperjs.com/ ... has all the usability imho.
- Any good sliders other than outdated slickJs
-
Share a folder with other people
That said, B2 does not include a photo viewer. However, folks who know html can easily add a photo viewer. For instance, we posted this example album to help developers learn how to read files using Python. This sample album uses the open source Swiper album.
-
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.
-
Keep Arrows from Overlapping on Slides - SwiperJS
Hello everyone! I'm trying to keep the arrows in SwiperJS from overlapping on my slides, but I can't seem to find a working/viable solution. I've checked this post out, https://github.com/nolimits4web/swiper/issues/3736, but the first solution mentioned just makes the arrows disappear and I can't figure out how to fix the CSS to restyle them, and the second solution mentioned just seems very temporary. If anyone could help with any suggestions or ideas to solve this problem, it would be very much appreciated! Thank you!
- How can I create a slider that cycles through photos based on how high it is? I've already tried a bunch of image slider plugins, and they all used arrows, which couldn't be changed.
slick
Posts with mentions or reviews of slick.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-09-22.
- Need better transitions of slides, fadeout and fadein from JQueryI don't like.
-
Looking for material to help create Image Sliders, from scratch.
In the past, I have copied code from Slick Sliders on to the container to generate the animation, but would love to learn how to hand code this myself. I work with WordPress in my company, so alot of PHP is involved as well.
-
Building a complex carousel like Slick Slider center mode but without jQuery
I've tried a few things, like installing vue slick carousel but I'm getting a type error that I can't seem to fix. I looked around and could only find basic carousels, without that perspective and layer-stacking kind of stuff with the center one being on top of the others. Slick slider's center mode (https://kenwheeler.github.io/slick/) is cool, not exactly what I want but the closest at least, but it requires jQuery, which I can't use on that project.
-
How can I add an image slider as my cover header for my home page?
Depending how confident you are with JQuery, and what page builder you’re using, you may be able to set up a Slick Slider or similar around the Cover Block and use multiple Cover Blocks as the slides
-
how can I make something like this?
Try this => https://kenwheeler.github.io/slick/
- Any idea how can I achieve this functionality with elementor or any plugins? currently I have a section where I have 6 columns, each column contains similar image and texts as shown in the picture. now I need them paginated as the picture. Im new to wordpress. any luck here?
-
What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
Years and years ago I used to use Malsup's jQuery Cycle plugin and then Cycle2 but these now seem long abandoned. I've also used both flexslider and slickslider but I'm wondering if there are better, more modern alternatives I could now be using instead to quickly create sliders or carousels.
-
Carousel paragraph
If you use the Acquia Product 'Site Studio', the carousel component is just a Slick Slider instance. We've used this in several Drupal projects.
-
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,...
-
12 Useful JavaScript Libraries You’ve Probably Never Used
Slick will help you realize the carousel effect. It has a full array of options, works with swipe gestures for mobile devices, and supports other cool features. You can even sync the two carousels if you want to create an overlay effect.
What are some alternatives?
When comparing Swiper and slick you can also consider the following projects:
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
Flickity - :leaves: Touch, responsive, flickable carousels
FlexSlider - An awesome, fully responsive jQuery slider plugin
react-slick - React carousel component
reveal.js - The HTML Presentation Framework
Tailwind CSS - A utility-first CSS framework for rapid UI development.