Download Keen Slider Free
The fastest, most flexible way to add a responsive carousel to any project.
Install via npm
Best for bundled projects. Works with Vite, Webpack, Rollup.
npm install keen-slider
CDN Link
Add a script tag to any HTML. No install, no build step.
cdn.jsdelivr.net/npm/keen-slider
Download
Everything You Need, Ready to Use
Keen Slider ships as a single lightweight file. No build step required for CDN usage. Works with npm, yarn, pnpm, and direct script tags in any HTML page.
Download Keen Slider Free
One file, zero dependencies, instant carousel. Used by 280,000+ developers worldwide.
Download v6.8.3
100% free, no account required
MIT license — use in any project
Virus-scanned and safe to download
No tracking or bundled adware
Quick Start After Download
Once you have the ZIP, extract it and include two files in your project:
- keen-slider.min.js — the minified library
- keen-slider.min.css — baseline styles required for correct layout
Then create your first slider with this minimal HTML and JavaScript:
<!-- 1. Add to <head> -->
<link rel="stylesheet" href="keen-slider.min.css">
<script src="keen-slider.min.js"></script>
<!-- 2. Add markup -->
<div id="my-slider" class="keen-slider">
<div class="keen-slider__slide">Slide 1</div>
<div class="keen-slider__slide">Slide 2</div>
<div class="keen-slider__slide">Slide 3</div>
</div>
<!-- 3. Initialize -->
<script>
var slider = new KeenSlider('#my-slider', { loop: true });
</script>For framework-specific setup, see the Guide section. For React, Vue, Angular, npm, and CDN instructions, each has its own dedicated article.