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

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 Repos

Awesome GitHub RepositoriesSlider Inputs

Interactive draggable bars for selecting numerical values within a range.

Distinct from Numeric Input Controls: Focuses specifically on the slider mechanism for numerical selection, distinct from general input controls.

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

Awesome Slider Inputs GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • layui/layerAvatar von layui

    layui/layer

    8,196Auf GitHub ansehen↗

    This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

    Provides draggable sliders for selecting single values or ranges with custom step intervals.

    JavaScriptalertconfirmdialog
    Auf GitHub ansehen↗8,196
  • mimecorg/vuidoAvatar von mimecorg

    mimecorg/vuido

    6,062Auf GitHub ansehen↗

    Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

    Provides a horizontal slider widget for adjusting a numeric value within a range.

    JavaScriptdesktoplibuivue
    Auf GitHub ansehen↗6,062
  • rey5137/materialAvatar von rey5137

    rey5137/material

    5,955Auf GitHub ansehen↗

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

    Ships a slider component that can switch between discrete step-snapping and continuous smooth dragging.

    Javaandroidjavamaterial
    Auf GitHub ansehen↗5,955
  • leongersen/nouisliderAvatar von leongersen

    leongersen/noUiSlider

    5,803Auf GitHub ansehen↗

    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

    Provides full keyboard navigation for slider value adjustment without requiring a mouse.

    TypeScript
    Auf GitHub ansehen↗5,803
  • lusaxweb/vuesaxAvatar von lusaxweb

    lusaxweb/vuesax

    5,596Auf GitHub ansehen↗

    Vuesax ist ein Frontend-Framework und eine UI-Komponentenbibliothek für Vue.js-Anwendungen. Es bietet ein anpassbares Designsystem und eine Reihe vorgestylter Benutzeroberflächenelemente, die darauf ausgelegt sind, die Entwicklung von Weboberflächen zu beschleunigen. Das Projekt zeichnet sich durch ein thematisierbares visuelles Toolkit aus, das dynamische Farbanpassungen und serverseitige Stil-Anpassungen unterstützt, um die Markenidentität zu wahren. Es verfügt zudem über eine spezialisierte Datentabellen-Komponente mit integrierter Unterstützung für Inline-Zellenbearbeitung und serverseitige Verarbeitung für Paginierung, Filterung und Sortierung. Die Bibliothek deckt ein breites Spektrum an UI-Funktionen ab, einschließlich eines responsiven Zwölf-Spalten-Rastersystems, umfassender Formularelemente und verschiedener Layout-Tools wie Content-Cards und einklappbare Listen. Sie enthält zudem Navigationsdienstprogramme wie Sidebars und Breadcrumbs sowie eine Reihe von Overlays, einschließlich modaler Dialoge, Systembenachrichtigungen und Tooltips.

    Ships draggable slider inputs for selecting single values or ranges within defined limits.

    Vue
    Auf GitHub ansehen↗5,596
  • chakra-ui/zagAvatar von chakra-ui

    chakra-ui/zag

    5,121Auf GitHub ansehen↗

    Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.

    Ships headless logic for range inputs supporting single or multiple thumbs with custom bounds.

    TypeScripta11yaccessibilityagnostic
    Auf GitHub ansehen↗5,121
  • observablehq/frameworkAvatar von observablehq

    observablehq/framework

    3,522Auf GitHub ansehen↗

    This project is a static site generator and development environment designed for building data-driven dashboards and reports. It functions as a framework that combines narrative markdown documentation with interactive visualizations and data-driven components, compiling them into optimized static assets that can be deployed to any standard web infrastructure. The framework distinguishes itself through a multi-language data pipeline that executes scripts in languages such as Python, R, and SQL during the build process. By transforming raw information into precomputed data snapshots, it ensures

    Provides interactive controls such as sliders, text editors, and file selectors to help users explore and manipulate data.

    TypeScriptd3dashboardframework
    Auf GitHub ansehen↗3,522
  • makieorg/makie.jlAvatar von MakieOrg

    MakieOrg/Makie.jl

    2,778Auf GitHub ansehen↗

    Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t

    Provides interactive numerical sliders for real-time data manipulation within the visualization canvas.

    Juliagpugraphicsjulia
    Auf GitHub ansehen↗2,778
  • designrevision/shards-dashboardAvatar von DesignRevision

    DesignRevision/shards-dashboard

    1,211Auf GitHub ansehen↗

    Shards Dashboard is a Bootstrap-based administrative template and UI kit designed for the rapid development of web-based management interfaces. It provides a collection of pre-built page layouts and reusable interface components that allow developers to construct functional dashboards with a consistent design language. The framework distinguishes itself through a responsive grid-based layout system that automatically adjusts content to fit various screen sizes and device viewports. It includes a specialized library of interactive widgets, such as data visualization charts, date pickers, and r

    Provides interactive slider components for intuitive numerical input and range selection within application forms.

    CSSadminadmin-dashboardadmin-panel
    Auf GitHub ansehen↗1,211
  1. Home
  2. User Interface & Experience
  3. UI Components
  4. Form Input Components
  5. Numeric Input Controls
  6. Slider Inputs

Unter-Tags erkunden

  • Input-Bound SlidersSlider components that synchronize their state with HTML input elements bidirectionally. **Distinct from Slider Inputs:** Distinct from Slider Inputs: focuses on bidirectional binding with HTML inputs rather than the slider mechanism itself.
  • Keyboard-Controlled SlidersSlider components that respond to arrow keys and keyboard input for value adjustment without a mouse. **Distinct from Slider Inputs:** Distinct from Slider Inputs: focuses on keyboard-driven value adjustment rather than general slider interaction.
  • Slider Mode SwitchersControls that toggle between discrete step-based snapping and continuous smooth dragging on a slider track. **Distinct from Slider Inputs:** Distinct from Slider Inputs: adds a mode-switching capability (discrete vs continuous) rather than just a basic draggable bar.
  • Slider Thumb Animators1 Sub-TagAnimations that move a slider thumb between positions with configurable duration and easing curves. **Distinct from Slider Inputs:** Distinct from Slider Inputs: focuses on the animated movement of the thumb, not the slider's value selection mechanism.