Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 28, 2021 05:19 am GMT

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

StarsFeesLicenseMinZip sizeCommits a monthLatest 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.

StarsFeesLicenseMinZip sizeCommits a monthLatest 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. Its lightweight, flexible and fast. Designed to slide. No less, no more

StarsFeesLicenseMinZip sizeCommits a monthLatest 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.

StarsFeesLicenseMinZip sizeCommits a monthLatest 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

StarsFeesLicenseMinZip sizeCommits a monthLatest 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.


Original Link: https://dev.to/chris_hayes/top-5-modern-js-sliders-for-2022-1f3k

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To