Discover / Design
Keen Slider
by rcbyrTypeScript
Performant, framework-agnostic touch slider/carousel.
Maturity: slowing because last commit 6 months ago. Derived from release and commit history, not a rating.
- Stars
- 5.0k
- Forks
- 216
- Downloads / mo
- —
- Last commit
- 2026-01-22
- License
- MIT
- Open issues
- 149
Market and trust evidence
Edition not yet matchedNo exact skills.sh identity match is available for this repository. Repository adoption and freshness remain visible above; install momentum is not inferred.
Trust analysis is a screening signal, not a security warranty. Read the ranking and trust methodology.
In practice
Written by AI from this repository’s README · low confidenceFramework specific carousels have to be replaced when the framework changes and add weight for simple swipe interactions.
Use it when
When you need a small, dependency free slider that works in vanilla JavaScript, React, Vue, Angular or React Native.
Not the right pick when
The README points all usage detail to external docs and examples, so it offers little guidance on its own.
Capabilities
- library agnostic across JavaScript, TypeScript, React, Vue, Angular and React Native
- no dependencies at around 5.5KB gzipped
- multi touch support and fully responsive
- native touch and swipe behavior
- works in common browsers including IE 10 and React Native
Cost: Free and open source
Install
Derived from the published package name in the repository, not from a model.
What the repository ships
Detected from the actual files in the repository root.
Latest release v6.8.6
Published 2023-07-05
Bugfixes:
- Allow 0 for the range properties
- fix types and docs
Tags
README
<p align="center">
<a href="https://www.npmjs.com/package/keen-slider"><img src="https://badge.fury.io/js/keen-slider.svg" /></a>
<a href="https://www.npmjs.com/package/keen-slider"><img src="https://img.shields.io/npm/l/keen-slider?color=success" /></a>
<a href="https://www.npmjs.com/package/keen-slider"><img src="https://img.shields.io/npm/dm/keen-slider" /></a>
<a href="https://www.jsdelivr.com/package/npm/keen-slider"><img src="https://data.jsdelivr.com/v1/package/npm/keen-slider/badge" /></a>
</p>
<h1 align="center">
<a href="https://keen-slider.io" title="Keen-Slider"><img width="340" alt="Keen-Slider" src="https://keen-slider.io/images/logo-github.svg" /></a>
</h1>
<p align="center">
Easily create sliders, carousels and <a href="https://keen-slider.io/examples">much more.</a>
</p>
<br/>
<p align="center">
<a href="https://keen-slider.io/examples#draggable-card"><img src="https://keen-slider.io/images/card.gif" /></a>
<a href="https://keen-slider.io/examples#datetimepicker"><img src="https://keen-slider.io/images/demo2.gif" /></a>
</p>
Features
- Library Agnostic: Works well in JavaScript, TypeScript, React, Vue, Angular, React Native etc.
- Lightweight: No dependencies, only ~5.5KB gzipped
- Mobile First: Supports multi touch and is fully responsive
- Great Performance: Native touch/swipe behavior
- Compatible: Works in all common browsers, including >= IE 10 and React Native
- Open Source: Freely available under the MIT license
- Extensible: Rich but simple API
Getting Started
Used by
<p align="middle" dir="auto">
<a href="https://tinder.com/" rel="nofollow"><img width="285" src="https://keen-slider.io/images/tinder.png" style="max-width: 100%;">
</p>
Contributing
Please open an issue if you find a bug or need some help. You are also free to create a pull request.