vue-slick-carousel VS Swiper

Compare vue-slick-carousel vs Swiper and see what are their differences.

Swiper

Most modern mobile touch slider with hardware accelerated transitions (by nolimits4web)
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
vue-slick-carousel Swiper
2 88
789 38,659
0.6% -
0.0 9.1
3 months ago 5 days ago
Vue JavaScript
GNU General Public License v3.0 or later 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.

vue-slick-carousel

Posts with mentions or reviews of vue-slick-carousel. We have used some of these posts to build our list of alternatives and similar projects.

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.
  • Creating a Single Image Slider using Swiper.js
    1 project | dev.to | 8 May 2024
    Creating a Swiper.js slider with cropped images can be a creative way to showcase content on your website. By carefully cropping your images and adjusting the Swiper configuration and styles, you can create a visually appealing slider that engages your users.
  • Web Components e a minha opinião sobre o futuro das libs front-end
    4 projects | dev.to | 4 Apr 2024
  • Slider with two thumbs
    1 project | /r/reactjs | 7 Jul 2023
  • Building a complex carousel like Slick Slider center mode but without jQuery
    2 projects | /r/learnjavascript | 29 Jun 2023
    SwiperJS?, they’ve got plenty of templates there.
  • How to implement
    1 project | /r/angular | 28 Jun 2023
    Maybe swiper? https://www.npmjs.com/package/swiper
  • When the client dont understand minimalist design
    1 project | /r/web_design | 27 Jun 2023
    just use https://swiperjs.com/ ... has all the usability imho.
  • Any good sliders other than outdated slickJs
    2 projects | /r/jquery | 12 Jun 2023
  • Share a folder with other people
    1 project | /r/backblaze | 11 Jun 2023
    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?
    3 projects | /r/SvelteKit | 26 May 2023
    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
    1 project | /r/learnjavascript | 20 May 2023
    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!

What are some alternatives?

When comparing vue-slick-carousel and Swiper you can also consider the following projects:

vue3-popper - A Vue.js popover component based on PopperJS

slick - the last carousel you'll ever need

Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.

vue-awesome-swiper - 🏆 Swiper component for @vuejs

splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time

Flickity - :leaves: Touch, responsive, flickable carousels

bxSlider 4.2.14 - Responsive jQuery content slider

Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Vue Storefront - Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.

react-slick - React carousel component