Just jotting down a list of JS libraries that can be used for creating sliders.
|Name||Size min||Latest version / Date||Dependencies||Features||Notes|
|1.8.0 – 1/12/17||jquery||Fully 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
Fully accessible with arrow key navigation
Add, remove, filter & unfilter slides
Autoplay, dots, arrows, callbacks, etc…
|Tiny Slider||tiny-slider.js – 32kb|
tiny-slider.css – 2kb
tiny-slider.helper.ie8.js – 3kb
|2.9.3-7/28/20||none||Loop, 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|
Small size, less than 29kB(11kB gzipped)
Flexible and extensible
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
Accessibility friendly, supporting keyboard control and ARIA attributes
Internet Explorer 10
|3.4.1-1/23/19||none||Dependency-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.
|SwiperJS||swiper-bundle.min.js-43kb||6.3.5-10/30/20||none||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.
|Siema||siema.min.js-13kb||1.5.1-2/14/2018||none||Siema 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|
|2.2.1-6/29/19||none||A lot of feature but has commercial license|
CPU USAGE COMPARISON