keen-slider logo

keen-slider

Provides a touch slider carousel with native touch/swipe behavior, no dependencies, and compatibility with common browsers including IE 10.

Made by Eric Beyer

  • slides

  • carousel

  • responsive-css

  • ecmascript

  • angular

  • datetime

  • native

  • Javascript

  • image-slider

  • vuejs

  • html

  • responsive-slider

  • vanilla

What is keen-slider?

The keen-slider is a free, lightweight, and highly versatile touch slider carousel that offers a native-like user experience across various platforms and browsers. Designed with performance and flexibility in mind, this library is completely agnostic, requiring no dependencies, and supports TypeScript. The slider boasts seamless touch and swipe functionality, ensuring an intuitive and responsive interaction for users, even on older browsers like IE 10

Highlights

  • Content Lazy Loading: The slider enables efficient loading of content, only fetching assets as needed to optimize performance
  • Pagination and Navigation Controls: Users can easily navigate the carousel with optional pagination and navigation controls
  • Infinite Loop: The slider can be configured to create an endless carousel experience, allowing users to swipe through content continuously
  • Multiple Slides: The slider supports displaying multiple slides on a single page, providing a more dynamic and engaging content layout
  • Auto-Snap Transitions: The slider automatically snaps to the next or previous slide after a transition, offering a seamless and polished user experience
  • Horizontal and Vertical Modes: The slider can be configured to work in both horizontal and vertical orientations, adapting to different content and layout requirements
  • Responsive Design: The slider is fully responsive and mobile-friendly, ensuring optimal performance and user experience across various screen sizes and devices
  • Framework Compatibility: The keen-slider works seamlessly with popular front-end frameworks like React, Angular, and Vue, as well as with vanilla JavaScript, allowing for easy integration into a wide range of projects.

Platforms

  • Self-Hosted

Languages

  • English

Features

    • Picker

    • Image carousel

    • Support for Gestures

    • React

    • Mobile friendly