Open-source alternatives to OwlCarousel2

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

react-slick is a React carousel component and responsive slider library. It provides a reusable user interface element for displaying a sequence of items in a horizontal scroll, supporting infinite looping, navigation dots, and adjustable transition speeds. The library enables the creation of touch-enabled image and content sliders that adapt to different screen sizes. It is used to build interactive content carousels, responsive image sliders, and rotating banners for product showcases.

vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling

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

FlexSlider is a responsive jQuery carousel plugin used to create sliding galleries and content sliders. It provides a system for displaying multi-slide carousels that automatically adjust their size based on screen resolution and supports right-to-left language directions by adjusting animation flow and orientation. The plugin allows for the synchronization of multiple slider instances, ensuring that playback, animation, and state transitions occur simultaneously across different elements on a page. It also supports custom markup mapping, allowing internal logic to be linked to arbitrary HTML

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

Responsive Carousel is a jQuery-based plugin designed to transform static HTML markup into interactive, touch-enabled content sliders. It functions as a progressive enhancement tool, ensuring that content remains accessible in non-JavaScript environments while providing a dynamic interface for users on modern browsers. The component distinguishes itself through a unified event layer that normalizes mouse, touch, and keyboard inputs into consistent navigation commands. It manages state by manipulating the document object model directly and utilizes hardware-accelerated browser transitions to h

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

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

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.

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, infini

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

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.

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

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

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

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

fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content. The tool functions as a touch-enabled content overlay, incorporating support for swipe gestures and pinch-to-zoom for navigating media on mobile devices and tablets. It ensures media scales correctly across different screen sizes through a responsive gallery system. The project covers a broad range of

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

Slick is a JavaScript carousel library used to create responsive, touch-enabled sliding content areas. It functions as a frontend layout tool that allows for automated content rotation and the creation of lazy-loading image galleries. The library distinguishes itself through the ability to synchronize multiple sliders, ensuring that movement in one carousel automatically advances others to the same position. It supports adaptive breakpoints that adjust the number of visible slides based on screen size and utilizes lazy loading to defer image downloads until they enter the viewport. The syste

This project is a Bootstrap jQuery plugin that transforms standard HTML select elements into interactive dropdown menus. It serves as a client-side form enhancement and UI component designed to replace multiple-choice select inputs with a searchable button-triggered menu of checkboxes. The component provides a specialized interface for multi-select dropdowns that maintains a consistent visual style with the Bootstrap CSS framework. It allows for the customization of component markup, enabling the override of default structures for buttons, popups, and options. The plugin covers a range of fu

FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font

This project provides a Ruby on Rails plugin that integrates real-time, database-backed search suggestions into web forms. It functions as a server-side search engine that queries database records based on user input and returns results in a standardized format for display in the browser. The library distinguishes itself by extending standard Rails form builders, allowing developers to inject autocomplete functionality directly into existing form workflows. It bridges the gap between backend data stores and the jQuery UI autocomplete widget, managing the routing of search requests, the serial

This project is a jQuery plugin and suite of browser-based tools designed for asynchronous form submission, data serialization, and client-side input management. It functions as a client-side form manager that allows the transmission of form data and files to a server in the background without triggering page reloads. The library provides specialized utilities for converting form field values into URL-encoded strings for network transmission and intercepting submissions to execute custom logic or cancel the process via callbacks. It also includes capabilities for monitoring the real-time prog

This is a jQuery plugin that extracts the dominant color from an image or CSS background image and applies it as a background color on a target element. It uses canvas-based pixel analysis with an RGB quantization algorithm to identify the most prominent color, then injects that color as an inline CSS background-color style. The plugin automatically normalizes text contrast by calculating the relative luminance of the extracted color and toggling between dark and light text to maintain readability. It includes an image preloading pipeline to ensure pixel data is available synchronously from t

Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external content within a centered window. It functions as a customizable UI component and an AJAX content loader capable of fetching remote data via GET or POST requests. The library distinguishes itself through its ability to group multiple media items into a sequential image gallery slideshow. It includes a state-based sequencing system that provides previous and next navigation controls to cycle through these collections. The tool covers a broad range of rendering and management capabil

Gridster.js is a jQuery plugin that turns page elements into a draggable, resizable grid layout. It provides a framework for building interactive dashboards and interfaces where widgets snap to a multi-column grid and can be repositioned by dragging, with automatic layout reflow when items are added, removed, or resized. The plugin handles mouse and touch events through a drag-and-drop manager, calculates widget overlap with a collision detection engine, and positions items using CSS transforms for smoother animations. It maintains an internal registry of all grid items with their coordinates