5 Modern JS Sliders for 2022
Chris Hayes
Posted on 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
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.
Posted on November 28, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
May 1, 2023