Open-source alternatives to React Slick

This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides components for building content carousels and sliders that support horizontal or vertical navigation via touch, mouse swipe gestures, and keyboard inputs. The library includes a virtualized slider component that renders only visible views to maintain performance with large content sets. It supports specialized visual behaviors such as three-dimensional coverflow transitions, circular navigation for infinite looping, and edge resistance effects when reaching the boundaries of a

Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input. The library specializes in performance and movement, featuring lazy-loading for images that defers loading off-screen content until it enters the viewport. It supports infinite scrolling loops that wrap back to the first cell after the last is reached, as well as automated slide transitions for slideshow experiences. The toolset inclu

FlexSlider is a jQuery image slider plugin used to create responsive content carousels and multi-item image sliders. It enables the construction of sequential galleries for images and video content that automatically adjust layout and visibility based on screen size and orientation. The system supports synchronized slider layouts, allowing multiple slider instances to be linked so they share animation, play, and pause states. It also provides support for right-to-left layouts and customizable animation directions. The plugin covers interactive content navigation through touch swipes, keyboar

Glidejs is a lightweight, dependency-free JavaScript library for creating sliders and carousels. It functions as a standalone UI component and content slider that supports ES6. The library uses a modular architecture, allowing for the extension of core logic through a plugin system to implement specialized features and custom behaviors. The project provides capabilities for implementing web carousels and interactive sliding interfaces. It integrates sliding content displays into webpages without the use of external libraries or frameworks.

Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating touch-enabled, swipeable content sliders. It functions as a plugin-based framework that manages scroll physics and slide positioning without imposing specific UI styles, while providing a programmable API for custom carousel development. The system is distinguished by its modular architecture, allowing developers to extend core logic through external plugins and custom event hooks. It is compatible with server-side rendering, generating initial styles on the server to prevent layout s

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

React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

Embla Carousel is a framework-agnostic JavaScript library used to build sliding content galleries and touch-enabled slider components. It provides a toolkit for creating carousels that function independently of any specific frontend framework or DOM library. The library focuses on precision swiping and fluid motion for interactive image galleries and custom content sliders. It is designed to maintain consistent behavior across different browser environments and device screen sizes.

This project is a responsive image gallery and carousel component for React. It provides a sliding interface for displaying images and mixed media, such as embedded videos and iframes, within a single navigational sequence. The gallery supports automated playback with manual play and pause controls, and it adapts its layout for different screen sizes. It includes a fullscreen display mode using native browser implementations and allows for custom slide content rendering via render props. Navigation is handled through touch swipe gestures, keyboard arrow inputs, and direct thumbnail selection

react-native-swiper is a cross-platform mobile carousel component that provides a swipeable interface for cycling through content panels. It supports both horizontal and vertical transitions and includes a visual pagination system using customizable indicators like dots or numbers to track the user's position. The component features a lazy-loading mechanism that defers the rendering of off-screen content to reduce memory usage and improve initial load times. It supports infinite looping, automated slide transitions via a timer, and programmatic navigation control to move the slider to specifi

This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

This project is a jQuery content slider used to create responsive image galleries and touch-enabled carousels. It functions as an accessible UI component that displays images, video, or HTML content using hardware-accelerated animations. The slider includes built-in support for swipe gestures and finger-following navigation for touch-enabled devices. It integrates ARIA attributes, such as Aria Live and Aria Hidden, to ensure screen reader compatibility and accessibility for users of assistive technologies. The system provides comprehensive layout and navigation capabilities, including config

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

uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

Swipe is a touch-responsive slider library designed to create interactive content carousels for web applications. It provides a framework-agnostic core engine that manages state, animation loops, and input normalization, allowing for the display of content sequences with support for manual swiping and automated transitions. The library distinguishes itself through a decoupled architecture that separates its core slider logic from UI-specific bindings. This design enables the use of specialized adapters for integration into component-based environments, including dedicated support for React an

react-quill is a React component wrapper for the Quill rich text editor, providing a customizable WYSIWYG interface for creating and manipulating formatted semantic HTML content. It functions as a controlled component that manages the internal state and events of the editor within the React lifecycle. The project enables the definition of custom text formats and formatting schemas to support specialized styling or unique data structures. It features configurable toolbars and visual themes, allowing for the application of custom CSS and the specification of custom DOM elements for the editing

fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma

Gallery is a JavaScript library for creating responsive media galleries. It provides touch-enabled lightbox views and carousels for displaying collections of images and videos across different web browsers. The library distinguishes itself through a factory-based rendering system that supports diverse content types, including local video playback, external video embedding, and custom HTML content. It features an input-agnostic navigation controller that maps swipe gestures, mouse clicks, and keyboard presses to a single state machine. The project covers high-level capabilities including auto

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

React Sortable Hoc is a library for building drag-and-drop reorderable lists and grids within web applications. It provides a set of reusable components designed to integrate into the component-based architecture of React, allowing users to rearrange elements through mouse or touch input. The library utilizes a higher-order component pattern to inject drag-and-drop state management into existing list components without requiring modifications to the underlying implementation. It employs portal-based ghost rendering to move elements outside the normal document flow, while using hardware-accele

This library provides a centralized system for managing and rendering transient alert messages within React applications. It functions as a frontend notification manager, using a provider-based architecture to track, update, and remove status alerts through a standardized reactive interface. The system distinguishes itself by allowing developers to replace default alert designs with custom components, ensuring that feedback elements align with specific application branding and design systems. It utilizes portal-based rendering to mount notifications outside the main component hierarchy, ensur

Sonner is a React-based notification library designed for rendering transient, stackable feedback messages within web applications. It functions as a frontend system for managing and displaying time-limited alerts that inform users of system events or state changes during an active session. The library utilizes a centralized state machine to manage the lifecycle of each notification, ensuring consistent visibility and removal. It coordinates these elements through an event-driven message bus and renders them into a detached container outside the main application hierarchy to maintain global s

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat