Keen Slider is a lightweight, library-agnostic slider with native touch/swipe behavior. The React bindings provide an intuitive API while maintaining the core library's minimal footprint and high performance.
- Extremely lightweight (~5KB)
- Touch/swipe support
- Mouse drag
- Responsive breakpoints
- Infinite loop
- Free mode (momentum scrolling)
- Vertical and horizontal
- RTL support
- Multiple slides per view
- Spacing between slides
- Centered slides
- Auto height
- Lazy loading
- Custom animations
- Plugin system
- TypeScript support
- Standard carousel
- Free mode (scroll)
- Snap mode
- Loop mode
- Vertical orientation
- Mixed modes
- Navigation plugin
- Dots plugin
- Custom controls
- Keyboard navigation
- Arrow keys
- Touch gestures
- Navigation
- Autoplay
- Zoom
- Lazy loading
- Parallax
- Custom plugins
- Native scroll performance
- GPU acceleration
- Minimal JavaScript
- Efficient re-renders
- Optimized animations
- Small bundle size
- CSS customization
- Custom animations
- Custom easing
- Transition timing
- Event hooks
- Lifecycle callbacks
- useKeenSlider hook
- Ref-based API
- Easy state management
- Dynamic slides
- Conditional rendering
- Breakpoint configuration
- Slides per view by breakpoint
- Spacing per breakpoint
- Different modes per breakpoint
- Product galleries
- Image carousels
- Content sliders
- Mobile app-like navigation
- Full-screen slides
- Card carousels
- Timeline sliders
Free and open-source under the MIT license.