Slendr — A responsive & lightweight (1.8KB gzipped) slider for modern browsers

“Slendr in action”

Slendr is a responsive and lightweight slider component for modern browsers. Built on the top of ES6 with minimum Javascript and CSS3 Hardware Acceleration performance in mind.

View demo on Codepen.


yarn add slendr --dev
Slendr is an UMD module compatible. So you can use it via window.Slendr


Define the markup:

Add some styles. You can use unpkg CDN for or import the ./src/style.scss file directly.

<link rel="stylesheet" href=""

Finally, import Slendr module:

Feature or issue requests are very appreciated.
📃 Happy coding!