awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

26 مستودعات

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

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • brillout/awesome-react-componentsالصورة الرمزية لـ brillout

    brillout/awesome-react-components

    47,788عرض على 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
    عرض على GitHub↗47,788
  • kenwheeler/slickالصورة الرمزية لـ kenwheeler

    kenwheeler/slick

    28,573عرض على 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
    عرض على GitHub↗28,573
  • spicetify/cliالصورة الرمزية لـ spicetify

    spicetify/cli

    23,479عرض على 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
    عرض على GitHub↗23,479
  • surmon-china/vue-awesome-swiperالصورة الرمزية لـ surmon-china

    surmon-china/vue-awesome-swiper

    12,790عرض على 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
    عرض على GitHub↗12,790
  • anomalyco/opentuiالصورة الرمزية لـ anomalyco

    anomalyco/opentui

    12,131عرض على 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
    عرض على GitHub↗12,131
  • jdan/98.cssالصورة الرمزية لـ jdan

    jdan/98.css

    11,110عرض على 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
    عرض على GitHub↗11,110
  • arthursonzogni/ftxuiالصورة الرمزية لـ ArthurSonzogni

    ArthurSonzogni/FTXUI

    9,686عرض على 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
    عرض على GitHub↗9,686
  • mui/base-uiالصورة الرمزية لـ mui

    mui/base-ui

    8,711عرض على 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
    عرض على GitHub↗8,711
  • juce-framework/juceالصورة الرمزية لـ juce-framework

    juce-framework/JUCE

    8,579عرض على 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
    عرض على GitHub↗8,579
  • davidjerleke/embla-carouselالصورة الرمزية لـ davidjerleke

    davidjerleke/embla-carousel

    8,042عرض على 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
    عرض على GitHub↗8,042
  • glidejs/glideالصورة الرمزية لـ glidejs

    glidejs/glide

    7,668عرض على 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
    عرض على GitHub↗7,668
  • gpbl/react-day-pickerالصورة الرمزية لـ gpbl

    gpbl/react-day-picker

    6,820عرض على 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
    عرض على GitHub↗6,820
  • thebird/swipeالصورة الرمزية لـ thebird

    thebird/Swipe

    6,750عرض على 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
    عرض على GitHub↗6,750
  • rey5137/materialالصورة الرمزية لـ rey5137

    rey5137/material

    5,955عرض على 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
    عرض على GitHub↗5,955
  • leongersen/nouisliderالصورة الرمزية لـ leongersen

    leongersen/noUiSlider

    5,803عرض على 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
    عرض على GitHub↗5,803
  • tldraw/draw-a-uiالصورة الرمزية لـ tldraw

    tldraw/draw-a-ui

    5,445عرض على GitHub↗

    هذا المشروع عبارة عن لوحة رسم بصرية مدعومة بالذكاء الاصطناعي وإطار عمل للسبورة البيضاء التعاونية. يعمل كمحرك رسم متجه قابل للتخصيص وأداة لتحويل رسومات الواجهة المرسومة يدوياً والنماذج الأولية (Wireframes) إلى كود وظيفي باستخدام الذكاء الاصطناعي. يتميز النظام بدمج وكلاء الذكاء الاصطناعي الذين يمكنهم قراءة وتعديل وتوليد المخططات البصرية مباشرة على اللوحة. كما يوفر محرر سير عمل يعتمد على العقد لبناء خطوط أنابيب الأتمتة وتدفقات معالجة البيانات من خلال ربط المكونات متعددة الوسائط. تغطي المنصة مجموعة واسعة من القدرات، بما في ذلك التعاون متعدد اللاعبين في الوقت الفعلي مع تتبع وجود المستخدم، ولوحة غير محدودة مع عرض مسرع بواسطة GPU، ومجموعة شاملة من أدوات معالجة الكائنات والمحاذاة. كما تنفذ معايير إمكانية الوصول إلى الويب وتوفر واجهة قابلة للبرمجة لتعريف الأشكال المخصصة وعناصر تحكم اللوحة البرمجية.

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

    TypeScript
    عرض على GitHub↗5,445
  • rcbyr/keen-sliderالصورة الرمزية لـ rcbyr

    rcbyr/keen-slider

    5,017عرض على GitHub↗

    Keen-slider هي مكتبة عرض دوار (Carousel) تعمل باللمس بلغة JavaScript ومحرك منزلق يعتمد على DOM. توفر أداة مستقلة عن إطار العمل لإنشاء دوارات شرائح متجاوبة تعمل باللمس تترجم مدخلات التمرير إلى انتقالات متحركة لمعارض المحتوى. تركز المكتبة على التصميم المتجاوب من خلال استخدام نقاط التوقف واستعلامات الوسائط للتكيف تلقائياً مع التخطيط والسلوك عبر أحجام الشاشات المختلفة. تدعم إيماءات اللمس والتمرير الأصلية المتوافقة مع متصفحات الويب الحديثة وأجهزة الهاتف المحمول. تغطي إمكانياتها تنفيذ عناصر تحكم التنقل، وحلقات الدوران اللانهائية، ودعم الاتجاهين الأفقي والرأسي. يسمح المحرك بتداخل منزلقات متعددة لإنشاء تخطيطات تنقل معقدة ويستخدم نظاماً قائماً على الإضافات لتوسيع الوظائف من خلال خطافات أحداث دورة الحياة.

    Supports switching the movement direction between horizontal and vertical orientations.

    TypeScriptagnosticangularcarousel
    عرض على GitHub↗5,017
  • chakra-ui/arkالصورة الرمزية لـ chakra-ui

    chakra-ui/ark

    5,004عرض على 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
    عرض على GitHub↗5,004
  • gluestack/gluestack-uiالصورة الرمزية لـ gluestack

    gluestack/gluestack-ui

    4,931عرض على 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
    عرض على GitHub↗4,931
  • ant-design/ant-motionالصورة الرمزية لـ ant-design

    ant-design/ant-motion

    4,613عرض على GitHub↗

    هذه مكتبة رسوم متحركة React توفر مجموعة من المكونات لإنشاء حركة مصممة، وانتقالات معقدة، وتحويل SVG. تعمل كمواصفات لتصميم الحركة ونظام تغليف رسوم متحركة لمكونات واجهة المستخدم يُستخدم لتطبيق تحويلات ثلاثية الأبعاد، ومنحنيات Bezier، وانتقالات الدخول والخروج لعناصر الواجهة. يتضمن المشروع مجموعة رسوم متحركة تعتمد على التمرير لمزامنة حركات واجهة المستخدم وتأثيرات المنظر (parallax) مع موضع إطار العرض، بالإضافة إلى إطار عمل حركة SVG لتحريك المسارات، ورسم الخطوط بشكل تدريجي، واستيفاء الإحداثيات لتحويل الشكل. تغطي قدراتها مجموعة واسعة من الحركة المرئية، بما في ذلك التأثيرات المرئية ثلاثية الأبعاد مثل الدوارات الدوارة، وحركة تصور البيانات لاستيفاء الأرقام، وتجميعات الصفحات المقصودة التفاعلية. كما تدير رسومًا متحركة معقدة للمكونات للجداول والقوائم، وتوفر أدوات لتسلسل وربط الرسوم المتحركة لعناصر متعددة.

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

    JavaScriptanimationant-motionjavascript
    عرض على GitHub↗4,613
السابق12التالي
  1. Home
  2. User Interface & Experience
  3. Slider Components

استكشف الوسوم الفرعية

  • 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 وسوم فرعيةProgrammatic 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.