DEV Community

Cover image for 5 Modern JS Sliders for 2022
Chris Hayes
Chris Hayes

Posted on

5 Modern JS Sliders for 2022

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

GitHub logo nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions

StarsFeesLicense MinZip sizeCommits a month Latest ReleaseDownloads a month

👍 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

GitHub logo Splidejs / splide

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

StarsFeesLicense MinZip sizeCommits a month Latest ReleaseDownloads a month

👍 Mobile slider experience feels native.

👍 About half the size of SwiperJS.

💯 Framework support for React, Vue, and Svelte.


GlideJS

GitHub logo glidejs / glide

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

StarsFeesLicense MinZip sizeCommits a month Latest ReleaseDownloads a month

👍 Very mature slider library.

👍 Only 7KB

👎 Touch experience suffers. GlideJS ignores user input while mid-transition.


TinySlider

GitHub logo ganlanyuan / tiny-slider

Vanilla javascript slider for all purposes.

StarsFeesLicense MinZip sizeCommits a month Latest ReleaseDownloads a month

👍 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

GitHub logo metafizzy / flickity

🍃 Touch, responsive, flickable carousels

StarsFeesLicense MinZip sizeCommits a month Latest ReleaseDownloads a month

👍 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 (4)

Collapse
 
stankukucka profile image
Stan Kukučka

@chris_hayes I have problem implementing Swiper into Asto, it's a pity it don't work

Collapse
 
xixianykus profile image
xixianykus

Nice succinct review. Just what I needed. Thanks

Collapse
 
yasircs4 profile image
Yasir Nageeb

Thanks

Collapse
 
kcko profile image
Kcko

Very nice overview, but which is the best? ;-)
Im using swiper but tiny slider or splide looks so great (i saw the demos ...)