Installation

SliderKit is split into focused packages. Install only what you need.

Core

The core slider engine — required by everything else.

npm install @andresclua/sliderkit
# or
pnpm add @andresclua/sliderkit

Plugins

Optional UI plugins: arrows, pagination, autoplay, thumbnails, and more.

npm install @andresclua/sliderkit-plugins

CSS Effects

Fade, flip, cards, cube, coverflow, and creative effects.

npm install @andresclua/sliderkit-effects

WebGL Effects

GPU-powered transition effects using Three.js.

npm install @andresclua/sliderkit-webgl

CDN (no bundler)

<!-- Core -->
<script type="module">
  import { Slider } from 'https://cdn.jsdelivr.net/npm/@andresclua/sliderkit/dist/index.mjs'
  new Slider('#el')
</script>

TypeScript

All packages ship full TypeScript declarations. No @types package needed.

Requirements

  • Modern browser (Chrome 90+, Firefox 88+, Safari 14+)
  • No jQuery or other runtime dependencies
  • WebGL package requires a GPU-capable browser (no IE fallback)

Next steps

Getting Started →