48 lines
2.0 KiB
Markdown
48 lines
2.0 KiB
Markdown
<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
|
|
|
|
- [Documentation](https://keen-slider.io/docs)
|
|
- [Examples](https://keen-slider.io/examples)
|
|
|
|
## Used by
|
|
|
|
<p align="middle" dir="auto">
|
|
<a href="https://nextjs.org/commerce" rel="nofollow"><img width="285" src="https://keen-slider.io/images/next.png" style="max-width: 100%;"></a>
|
|
<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.
|