keen-slider

Keen-slider

Keen Slider is a lightweight, performant, accessible and customizable vanilla JavaScript slider. It is highly customizable and works well for simple sliders to complex carousels. It has touch swipe support and keyboard controls built-in.
keen-slider image
slider carousel accessibility vanilla-js

Keen Slider: Lightweight Vanilla JavaScript Slider

Highly customizable, accessible and performant slider for simple sliders to complex carousels with touch swipe support and keyboard controls

What is Keen-slider?

Keen Slider is a lightweight, performant, accessible and customizable vanilla JavaScript slider library. Some of the key features and benefits of Keen Slider include:

  • Lightweight at just 3kB minified and gzipped
  • Performant with buttery smooth animations powered by requestAnimationFrame
  • Accessible with full support for ARIA attributes, keyboard controls etc.
  • Highly customizable with CSS classes and JavaScript API
  • Works for simple sliders all the way up to complex carousels
  • Supports touch swipe interactions and keyboard controls out of the box
  • Open source and available on GitHub
  • Used by companies like Apple, Amazon, Spotify etc.

Keen Slider is a great option if you need a slider that is lightweight, smooth and customizable for your website or application. The small size and vanilla JS power makes it fast and easy to integrate, while still providing a lot of customization options for more advanced use cases. With its accessibility and touch/keyboard support, it works well on all devices.

Keen-slider Features

Features

  1. Lightweight
  2. Performant
  3. Accessible
  4. Customizable
  5. Vanilla JavaScript
  6. Highly customizable
  7. Works for simple sliders to complex carousels
  8. Touch swipe support
  9. Keyboard controls

Pricing

  • Open Source

Pros

Lightweight with no dependencies

Smooth performance

Accessible out of the box

Very customizable

Vanilla JS so works with any framework

Good for simple and complex use cases

Supports touch and keyboard

Cons

Less features than some heavier sliders

Requires some CSS

Not as beginner-friendly as some options

May require more customization for complex uses


The Best Keen-slider Alternatives

Top Development and Javascript Libraries and other similar apps like Keen-slider


Flickity icon

Flickity

Flickity is a JavaScript library designed to enable touch-friendly, responsive image sliders and carousels on websites and web applications. Developed by Metafizzy, Flickity allows you to showcase images and other visual content in an eye-catching, flickable slider format that works seamlessly on desktop, tablets, and mobile devices.Some of the key...
Flickity image
Slick by Ken Wheeler icon

Slick by Ken Wheeler

Slick is an open-source JavaScript slider library created by web developer Ken Wheeler in 2013. It has become one of the most popular slider libraries for front-end web development due to its lightweight footprint, customizability, performance, and ease of implementation.Some key features of Slick include:Fully responsive - slides adapt to...
Slick by Ken Wheeler image
Tiny Slider icon

Tiny Slider

Tiny Slider is a lightweight yet powerful JavaScript slider library designed for displaying images, sliders, carousels, and other rotational content on websites. Weighing in at under 3kb (minified and gzipped), it is one of the smallest slider libraries available while still packing a robust feature set.Some of the key features...
Tiny Slider image
Swiffy Slider icon

Swiffy Slider

Swiffy Slider is a popular jQuery image and content slider plugin used to create responsive sliders for websites. It offers a good range of customization options to control the look, layout, slide transitions, navigation, autoplay, and other settings of your image galleries or content slides.Some of the key features of...
Swiffy Slider image