Collection of Open-source JS Slider libraries

Just jotting down a list of JS libraries that can be used for creating sliders.

NameSize minLatest version / DateDependenciesFeaturesNotes
SlickJSslick.min.js-43kb
slick.css-2kb
slickfonts+6kb
1.8.0 – 1/12/17jqueryFully responsive. Scales with its container.
Separate settings per breakpoint
Uses CSS3 when available. Fully functional when not.
Swipe enabled. Or disabled, if you prefer.
Desktop mouse dragging
Infinite looping.
Fully accessible with arrow key navigation
Add, remove, filter & unfilter slides
Autoplay, dots, arrows, callbacks, etc…
Tiny Slidertiny-slider.js – 32kb
tiny-slider.css – 2kb
tiny-slider.helper.ie8.js – 3kb
2.9.3-7/28/20noneLoop, Rewind, Slide by, Gutter, Edge padding, Center (v2.9.2+), Responsive, Lazyload, Autoplay, Auto height, Touch/drag, Arrow keys, Customize controls/nav, Accessibility, Respond to DOM visibility changes, Custom events, Nested
Splideslide.min.js-29kb
slide.min.css-4kb
2.4.21 – 1/1/20nonePure JavaScript without any dependencies
Small size, less than 29kB(11kB gzipped)
Flexible and extensible
Multiple slides
Slide or fade transition by CSS
Responsive, supporting breakpoints
Accepting CSS relative units, such as vw, %, rem, etc.
No need to crop images
Autoplay with progress bar and play/pause buttons
“Right to left” and vertical direction
Mouse drag and touch swipe
Nested slider
Lazy loading

Thumbnail slider
Accessibility friendly, supporting keyboard control and ARIA attributes
Internet Explorer 10
Glidejsglide.min.js-23kb
glide.core.min.css-2kb
3.4.1-1/23/19noneDependency-free. Everything included, ready for action.
Lightweight. Only ~23kb (~7kb gzipped) with every functionality on board.
Modular. Remove unused modules and drop script weight even more.
Extendable. Plug-in your own modules with additional functionalities.
Bundlers ready. Using Rollup or Webpack? We have your back.
SwiperJSswiper-bundle.min.js-43kb6.3.5-10/30/20none
Swiper – is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.
Siemasiema.min.js-13kb1.5.1-2/14/2018noneSiema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling. As Brad Frost once said “do that shit yourself”. It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler or by manually injecting the script into your project.most lightweight but discontinued
Flickityflickity.min.js-54kb
flickity.min.css-2kb
2.2.1-6/29/19noneA lot of feature but has commercial license

CPU USAGE COMPARISON

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.