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

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

26 dépôts

Awesome GitHub RepositoriesSlider Components

UI components for range selection.

Distinguishing note: Focuses on slider UI.

Explore 26 awesome GitHub repositories matching user interface & experience · Slider Components. Refine with filters or upvote what's useful.

Awesome Slider Components GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • brillout/awesome-react-componentsAvatar de brillout

    brillout/awesome-react-components

    47,788Voir sur GitHub↗

    This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

    Lists slider UI components.

    awesomeawesome-listreact
    Voir sur GitHub↗47,788
  • kenwheeler/slickAvatar de kenwheeler

    kenwheeler/slick

    28,573Voir sur GitHub↗

    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

    Controls slide transitions and visibility programmatically through method calls and custom event listeners.

    JavaScript
    Voir sur GitHub↗28,573
  • spicetify/cliAvatar de spicetify

    spicetify/cli

    23,479Voir sur GitHub↗

    This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

    Provides configurable slider components for capturing user input within the interface.

    JavaScriptcommand-linecommand-line-toolcustomization
    Voir sur GitHub↗23,479
  • surmon-china/vue-awesome-swiperAvatar de surmon-china

    surmon-china/vue-awesome-swiper

    12,790Voir sur GitHub↗

    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

    Implements custom logic and callbacks for slider initialization, transition starts, and resize events.

    JavaScriptcarouselcarrouselnuxtjs
    Voir sur GitHub↗12,790
  • anomalyco/opentuiAvatar de anomalyco

    anomalyco/opentui

    12,131Voir sur GitHub↗

    Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

    Implements draggable value slider components for selecting continuous ranges in vertical or horizontal orientations.

    TypeScript
    Voir sur GitHub↗12,131
  • jdan/98.cssAvatar de jdan

    jdan/98.css

    11,110Voir sur GitHub↗

    98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces. The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic. The library covers a wide range of int

    Includes UI components for range selection sliders designed with a vintage desktop look.

    CSS
    Voir sur GitHub↗11,110
  • arthursonzogni/ftxuiAvatar de ArthurSonzogni

    ArthurSonzogni/FTXUI

    9,686Voir sur GitHub↗

    FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive command line applications. It functions as a declarative terminal layout engine and a component-based UI toolkit that enables the creation of responsive interfaces. The library is distinguished by its terminal graphics and animation capabilities, allowing for the rendering of custom shapes, data plots, and smooth visual transitions using easing functions. It provides a comprehensive set of interactive widgets and a layout system utilizing flexbox and grid containers that adapt to

    Provides draggable slider components for selecting values within a defined numerical range.

    C++arthursonzogniasciiascii-art
    Voir sur GitHub↗9,686
  • mui/base-uiAvatar de mui

    mui/base-ui

    8,711Voir sur GitHub↗

    Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

    Allows developers to toggle between horizontal and vertical layouts for range slider components.

    TypeScriptaccessibilitydesign-systemreact
    Voir sur GitHub↗8,711
  • juce-framework/juceAvatar de juce-framework

    juce-framework/JUCE

    8,579Voir sur GitHub↗

    JUCE is a comprehensive C++ audio framework and digital signal processing library used to build cross-platform audio applications, audio plug-ins, and high-performance user interfaces. It serves as a development kit for creating audio processors compatible with industry-standard plugin formats for digital audio workstations, as well as a tool for MIDI and Open Sound Control communication between musical hardware and software. The framework is distinguished by its ability to maintain a single codebase for native desktop and mobile applications across multiple operating systems. It provides a f

    Provides specialized slider components for range selection with support for linear and logarithmic mapping.

    C++aaxauaudio
    Voir sur GitHub↗8,579
  • davidjerleke/embla-carouselAvatar de davidjerleke

    davidjerleke/embla-carousel

    8,042Voir sur GitHub↗

    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

    Implements comprehensive ARIA labels and keyboard controls to ensure the carousel is accessible to all users.

    TypeScriptcarouselcarousel-componentcarousel-plugin
    Voir sur GitHub↗8,042
  • glidejs/glideAvatar de glidejs

    glidejs/glide

    7,668Voir sur 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

    Utilizes a modular architecture allowing inclusion of only necessary logic to reduce final bundle size.

    JavaScriptcarouseldependency-freees6
    Voir sur GitHub↗7,668
  • gpbl/react-day-pickerAvatar de gpbl

    gpbl/react-day-picker

    6,820Voir sur GitHub↗

    react-day-picker is a customizable calendar interface for React web applications. It provides a user interface for selecting single days, multiple dates, or date ranges while complying with WCAG 2.1 AA standards for assistive technology compatibility. The component supports internationalized date input, adapting formats and languages to match regional requirements. It further extends this global support by providing a multi-calendar date selector that functions with non-Gregorian systems, including Persian, Hijri, Buddhist, Ethiopic, and Hebrew calendars. The library covers interactive date

    Implements accessible date picking interfaces that comply with WCAG standards for assistive technology.

    TypeScriptcalendarcalendar-componentcalendar-widget
    Voir sur GitHub↗6,820
  • thebird/swipeAvatar de thebird

    thebird/Swipe

    6,750Voir sur 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

    Provides a programmatic interface to manage the active slide index and total slide count.

    JavaScript
    Voir sur GitHub↗6,750
  • rey5137/materialAvatar de rey5137

    rey5137/material

    5,955Voir sur GitHub↗

    A library to bring fully animated Material Design components to pre-Lolipop Android.

    Ships draggable sliders with continuous or discrete value selection and animated feedback.

    Javaandroidjavamaterial
    Voir sur GitHub↗5,955
  • leongersen/nouisliderAvatar de leongersen

    leongersen/noUiSlider

    5,803Voir sur GitHub↗

    noUiSlider is a dependency-free JavaScript range slider library that provides a lightweight, ARIA-accessible slider widget with multi-touch and keyboard support. It is built as a standalone implementation with no external dependencies, using GPU compositing for smooth animations and responsive layout adaptation across different screen sizes. The library distinguishes itself through its comprehensive accessibility and input handling, offering full keyboard navigation for slider control without requiring a mouse, along with multi-touch support for simultaneous handle manipulation on mobile and

    Links two sliders so dragging one handle adjusts the other by the same offset when locked.

    TypeScript
    Voir sur GitHub↗5,803
  • tldraw/draw-a-uiAvatar de tldraw

    tldraw/draw-a-ui

    5,445Voir sur GitHub↗

    Ce projet est un canevas visuel piloté par l'IA et un framework de tableau blanc collaboratif. Il fonctionne comme un moteur de dessin vectoriel personnalisable et un outil pour convertir des croquis d'interface et des wireframes dessinés à la main en code fonctionnel via l'intelligence artificielle. Le système se distingue par l'intégration d'agents IA capables de lire, modifier et générer des diagrammes visuels directement sur le canevas. Il fournit également un éditeur de workflow basé sur des nœuds pour construire des pipelines d'automatisation et des flux de traitement de données en connectant des composants multimodaux. La plateforme couvre un large éventail de capacités, incluant la collaboration multijoueur en temps réel avec suivi de présence, un canevas infini avec rendu accéléré par GPU, et une suite complète d'outils de manipulation et d'alignement d'objets. Elle implémente également les standards d'accessibilité web et fournit une interface scriptable pour définir des formes personnalisées et des contrôles de canevas programmatiques.

    Implements ARIA compliance and keyboard navigation to ensure complex visual interfaces remain accessible.

    TypeScript
    Voir sur GitHub↗5,445
  • rcbyr/keen-sliderAvatar de rcbyr

    rcbyr/keen-slider

    5,017Voir sur GitHub↗

    Keen-slider est une bibliothèque de carrousel tactile JavaScript et un moteur de slider basé sur le DOM. Il fournit un outil indépendant du framework pour créer des carrousels de diapositives responsives et tactiles qui traduisent les entrées de balayage en transitions animées pour les galeries de contenu. La bibliothèque se concentre sur le design responsive via l'utilisation de points de rupture et de media queries pour adapter automatiquement la mise en page et le comportement à travers différentes tailles d'écran. Elle prend en charge les gestes tactiles et de balayage natifs compatibles avec les navigateurs web modernes et les appareils mobiles. Sa surface de capacités inclut l'implémentation de contrôles de navigation, la boucle infinie de carrousel et la prise en charge des orientations horizontale et verticale. Le moteur permet l'imbrication de plusieurs sliders pour créer des mises en page de navigation complexes et utilise un système basé sur des plugins pour étendre les fonctionnalités via des hooks d'événements de cycle de vie.

    Supports switching the movement direction between horizontal and vertical orientations.

    TypeScriptagnosticangularcarousel
    Voir sur GitHub↗5,017
  • chakra-ui/arkAvatar de chakra-ui

    chakra-ui/ark

    5,004Voir sur GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Ships a provider/hook pattern that lets parent components read and write the slider's value, orientation, and focus state from outside the slider tree.

    TypeScriptcomponentsdesign-systemheadless
    Voir sur GitHub↗5,004
  • gluestack/gluestack-uiAvatar de gluestack

    gluestack/gluestack-ui

    4,931Voir sur GitHub↗

    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

    Delivers a customizable slider input with configurable size, orientation, and disabled state.

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    Voir sur GitHub↗4,931
  • ant-design/ant-motionAvatar de ant-design

    ant-design/ant-motion

    4,613Voir sur GitHub↗

    Il s'agit d'une bibliothèque d'animation React fournissant une collection de composants pour créer des mouvements chorégraphiés, des transitions complexes et du morphing SVG. Elle fonctionne comme une spécification de design de mouvement et un système de wrapper d'animation de composants UI utilisé pour appliquer des transformations 3D, des courbes de Bézier et des transitions d'entrée-sortie aux éléments d'interface. Le projet inclut une suite d'animation pilotée par le défilement pour synchroniser les mouvements de l'UI et les effets de parallaxe avec la position de la fenêtre d'affichage, ainsi qu'un framework de mouvement SVG pour animer des chemins, dessiner des lignes progressivement et interpoler des coordonnées pour le morphing de formes. Ses capacités couvrent un large éventail de mouvements visuels, incluant des effets visuels 3D comme des carrousels rotatifs, le mouvement de visualisation de données pour l'interpolation numérique et des assemblages de pages d'atterrissage interactifs. Elle gère également des animations de composants complexes pour les tableaux et les listes, et fournit des outils pour séquencer et enchaîner des animations pour plusieurs éléments.

    Implements slider components with professional motion effects through simple configuration settings.

    JavaScriptanimationant-motionjavascript
    Voir sur GitHub↗4,613
Préc.12Suivant
  1. Home
  2. User Interface & Experience
  3. Slider Components

Explorer les sous-tags

  • Grid LayoutsArrangements of slider components into organized rows and columns with label alignment. **Distinct from Slider Components:** Focuses on the layout of sliders specifically, rather than the individual slider component behavior.
  • Motion-Enhanced SlidersSlider components that integrate professional motion effects and easing into their navigation logic. **Distinct from Slider Components:** Focuses on the overall motion design of the slider rather than just the thumb animation
  • Orientation ControlsCapabilities for switching the layout direction of slider components. **Distinct from Slider Components:** Focuses specifically on the axis (horizontal vs vertical) of the slider rather than the general range selection component.
  • Single-Handle SlidersSlider components featuring a single interactive handle for selecting individual numeric values. **Distinct from Slider Components:** Distinct from general Slider Components: specializes in single-handle value selection rather than multi-handle ranges.
  • Slider Orchestration3 sous-tagsProgrammatic coordination of transitions and visibility for slider components. **Distinct from Slider Components:** Focuses on the orchestration logic (methods/events) rather than the UI component itself
  • Slider State ControllersHooks and providers that expose slider state and methods to parent or sibling components for external control. **Distinct from Slider Components:** Distinct from Slider Components: focuses on the external state access pattern via context, not the slider UI itself.
  • Visual CustomizersCustomization options for adjusting slider appearance, themes, layout directions, and localized templates. **Distinct from Slider Components:** Distinct from Slider Components: focuses specifically on styling, localization, and markup customization rather than core handle movement.