awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
rcbyr avatar

rcbyr/keen-slider

0
View on GitHub↗

Keen Slider

Keen-slider is a JavaScript touch carousel library and DOM-based slider engine. It provides a framework-independent tool for creating responsive, touch-enabled slide carousels that translate swipe inputs into animated transitions for content galleries.

The library focuses on responsive design through the use of breakpoints and media queries to automatically adapt layout and behavior across different screen sizes. It supports native touch and swipe gestures compatible with modern web browsers and mobile devices.

Its capability surface includes the implementation of navigation controls, infinite carousel looping, and support for both horizontal and vertical orientations. The engine allows for the nesting of multiple sliders to create complex navigation layouts and utilizes a plugin-based system to extend functionality through lifecycle event hooks.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
keen-slider.io
↗

Features

  • Touch-Enabled Carousels - Provides a responsive carousel component with native support for touch-screen swiping and mouse dragging.
  • Responsive Layout Breakpoints - Automatically adjusts slider layout and behavior based on viewport width using configurable media query breakpoints.
  • Hardware-Accelerated UI Transitions - Leverages GPU acceleration and CSS transforms to ensure smooth, high-performance slide transitions.
  • Interactive Swipable Galleries - Implements gesture-driven swipable galleries with support for custom navigation and pagination.
  • Slide Transition Engines - Manages visual transitions between sequential slides using custom durations and easing functions.
  • DOM Layout Engines - Operates as a framework-independent engine that manages slide positions and snapping directly on HTML elements.
  • Responsive Breakpoints - Automatically adjusts layout settings by monitoring window resize events against defined media query breakpoints.
  • Content Slider Libraries - Implements a library for creating swipeable sequences of content slides on DOM elements.
  • Carousel Libraries - Offers a dependency-free JavaScript library for implementing touch-enabled content sliders and carousels.
  • Slider Capability Extensions - Integrates custom plugin functions into the slider lifecycle to add specialized behaviors and feature sets.
  • Event-Driven Hooks - Provides hooks to execute custom logic during specific interaction phases like drag starts and animation ends.
  • Plugin-Based Extensibility - Offers a plugin-based system to inject custom logic into the core slider loop without modifying source code.
  • Custom Component Extensions - Provides a plugin system and lifecycle hooks to add specialized behaviors and unique features to the slider.
  • Slide Layout Parameters - Provides configuration for slide dimensions, spacing, and the number of visible slides per viewport.
  • Carousel Snap Configurations - Allows defining how slides snap into place using free scrolling or centered alignment settings.
  • Nested Slider Layouts - Supports placing slider instances within other sliders to create multi-axis navigation or grouped galleries.
  • Infinite Looping Carousels - Enables infinite looping that wraps content back to the start after the last item is reached.
  • Slide Index Events - Triggers custom logic when slide transitions complete or the active slide index changes.
  • Slide Navigation Controls - Provides interactive arrows, pagination dots, and other controls for cycling through slide content.
  • Orientation Controls - Supports switching the movement direction between horizontal and vertical orientations.
  • Slider State Controllers - Provides methods to programmatically update configuration and recalculate track distances to control slider position.
  • Slider Interaction Configurators - Allows modifying slider properties and response behaviors dynamically after initialization without reloading the page.
  • Dynamic Snap Point Recalculations - Recalculates total scrollable area and slide offsets programmatically when the window size or configuration changes.
  • Carousels and Sliders - Performant carousel with native touch and swipe behavior.
  • Specialized Components - The Touch slider carousel
  • UI Components - Touch-enabled carousel and slider.
5,017 stars·216 forks·TypeScript·MIT·24 views

Star history

Star history chart for rcbyr/keen-sliderStar history chart for rcbyr/keen-slider

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does rcbyr/keen-slider do?

Keen-slider is a JavaScript touch carousel library and DOM-based slider engine. It provides a framework-independent tool for creating responsive, touch-enabled slide carousels that translate swipe inputs into animated transitions for content galleries.

What are the main features of rcbyr/keen-slider?

The main features of rcbyr/keen-slider are: Touch-Enabled Carousels, Responsive Layout Breakpoints, Hardware-Accelerated UI Transitions, Interactive Swipable Galleries, Slide Transition Engines, DOM Layout Engines, Responsive Breakpoints, Content Slider Libraries.

Which projects share features with rcbyr/keen-slider?

Projects with overlapping indexed features include: glidejs/glide — Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It… splidejs/splide — Splide is a framework-agnostic TypeScript library for creating accessible, touch-enabled content carousels and image… ganlanyuan/tiny-slider — Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI… thebird/swipe — Swipe is a JavaScript library for creating touch-based sliders and interactive carousels. It provides a gesture-based… surmon-china/vue-awesome-swiper — vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for… davidjerleke/embla-carousel — Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating…

Projects sharing features with Keen Slider

These projects share indexed features with Keen Slider. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • glidejs/glideglidejs avatar

    glidejs/glide

    7,668View on GitHub↗

    Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga

    JavaScriptcarouseldependency-freees6
    View on GitHub↗7,668
  • splidejs/splideSplidejs avatar

    Splidejs/splide

    5,355View on GitHub↗

    Splide is a framework-agnostic TypeScript library for creating accessible, touch-enabled content carousels and image galleries. It provides a dependency-free implementation of sliders that support drag, swipe, and flick interactions across mobile and desktop browsers. The library distinguishes itself through a comprehensive accessibility layer using ARIA roles and screen reader support. It features a responsive breakpoint system that adapts slide dimensions and behavior based on screen width, alongside a plugin system for extending core functionality with custom components and transition effe

    TypeScriptautoplaybreakpointscarousel
    View on GitHub↗5,355
  • ganlanyuan/tiny-sliderganlanyuan avatar

    ganlanyuan/tiny-slider

    5,333View on GitHub↗

    Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI components without external dependencies. It functions as a responsive layout engine that adjusts slide visibility and dimensions based on viewport breakpoints. The library distinguishes itself through built-in lazy loading for images and media to improve page performance and a responsive system that automatically scales item counts and spacing according to the device screen size. It also supports nested slider instances, allowing for the creation of multi-directional scrolling

    HTMLcarouselslider
    View on GitHub↗5,333
  • thebird/swipethebird avatar

    thebird/Swipe

    6,750View on GitHub↗

    Swipe is a JavaScript library for creating touch-based sliders and interactive carousels. It provides a gesture-based navigation tool for building swipeable content interfaces that support touch navigation on mobile and web browsers. The library distinguishes itself through the use of GPU-accelerated transitions and animation frames to ensure smooth motion. It implements a continuous looping effect, allowing content to wrap around seamlessly during navigation. The tool covers the synchronization of slide states with touch inputs and the execution of custom functions when transitions complete

    JavaScript
    View on GitHub↗6,750
Compare all 30 related projects→