🎠
Top 5 JavaScript Sliders
November 28, 2021
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
👍 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
👍 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 JQuery sliders in this list. I rarely use JQuery in 2022, so pulling in JQuery for a single component would be a deal-breaker.