I'm in search of good websites or libraries that provide carousel components similar to Swiper.js, but I'd like some alternatives. Specifically, I want ones that support responsive breakpoints like the examples shown at Swiper.js. Any suggestions? Thanks!
4 Answers
Honestly, I recommend building a carousel using pure CSS. Just create a container with `overflow-x: scroll` and add your elements inside. You can customize the scrollbar if needed! Plus, if you want the carousel effect to snap to items, CSS scroll snapping works great. Just a heads-up though, libraries like Swiper are best suited for older browsers that might not support this natively, unless you're looking for cool effects.
Check out Flickity! It's my go-to carousel library. You can find it at flickity.metafizzy.co. It's pretty lightweight and easy to use.
I actually put together a simple carousel script myself! You can find it on GitHub at gist.github.com/endymion1818/8119f7af21db1f62d9119581fc3a8d19. Just add the class `carousel` to your markup, and you’re good to go!
For something simple and customizable, take a look at the Slick carousel at kenwheeler.github.io/slick. It's open-source under the MIT License and great for responsive designs!
Related Questions
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads