I find I'm always looking for a new JS slider library for one reason or another. Here's a roughly ordered list of the top libraries that I've come across going into 2022.
SwiperJS
nolimits4web
/
swiper
Most modern mobile touch slider with hardware accelerated transitions
|
|
|
π Very mature project with long-term backing.
π Mobile slider experience feels native.
π― Framework support for React, Vue, Angular, and Svelte.
π On the larger side at nearly 40KB.
π Browser support limited to latest browsers, exact support not documented.
SplideJS
|
|
|
π Mobile slider experience feels native.
π About half the size of SwiperJS.
π― Framework support for React, Vue, and Svelte.
GlideJS
|
|
|
π Very mature slider library.
π Only 7KB
π Touch experience suffers. GlideJS ignores user input while mid-transition.
TinySlider
ganlanyuan
/
tiny-slider
Vanilla javascript slider for all purposes.
|
|
|
π Feature rich.
π― Very good browser support, includes IE 8+.
π Project hasn't received any commits in over a year. (As of Dec 2020, last commit was July 2020)
π Mobile user experience isn't as good as other libraries. Transitions don't feel as smooth and page vertically scrolls a lot.
Flickity
π Good mobile experience.
π Project hasn't received any commits in nearly a year. (As of Dec 2020, last commit was Jan 2021)
π Commercial pricing at $25 per a dev.
FYI - I did not include sliders that require JQuery in my list since I rarely use JQuery and pulling in JQuery for a single component is a deal-breaker. Comment below with your own favorites.
Top comments (3)
Nice succinct review. Just what I needed. Thanks
Thanks
Very nice overview, but which is the best? ;-)
Im using swiper but tiny slider or splide looks so great (i saw the demos ...)