16 dépôts
Slider components with two thumbs for selecting a minimum and maximum numeric value simultaneously.
Distinct from Time Range Selections: Distinct from Time Range Selections: focuses on numeric value ranges, not time-based intervals.
Explore 16 awesome GitHub repositories matching user interface & experience · Numeric Range Sliders. Refine with filters or upvote what's useful.
Home Assistant is a local home automation platform and server that acts as an IoT device orchestrator. It integrates diverse smart home hardware by wrapping third-party APIs into a standardized logic layer and stores all system state and historical statistics on local hardware to eliminate cloud dependencies. The system functions as a Matter IoT controller and an MQTT home automation bridge, allowing for local interoperability between different manufacturers. It features a state-based entity model and an internal event bus that decouple physical device logic from system automation. The platf
Provides numeric inputs and sliders with constraints and optional units of measurement for configuration.
30 Seconds of Python is a curated collection of short, reusable Python code snippets designed for quick reference and immediate reuse. It provides an interactive browser that lets you explore snippets organized by tags, search across names and descriptions, and copy code to your clipboard with a single click. The collection covers a broad range of common programming tasks, including list and dictionary operations, string formatting and manipulation, date and time calculations, and color format conversion. It also includes utilities for data transformation, such as converting between case styl
Provides a function to generate a list of numbers within a given range.
XUI est un framework d'interface utilisateur Android natif et une bibliothèque de composants conçue pour construire des interfaces d'application. Il fournit une suite complète de layouts natifs, de champs de saisie et d'éléments de navigation, supportés par un système de gestion de thèmes à plusieurs niveaux pour définir des attributs visuels globaux et des styles responsifs. Le framework se distingue par un ensemble spécialisé de vues personnalisées et de toolkits d'interaction, incluant des calendriers haute performance, le rendu de visualisation de données et une variété de boutons stylisés avec des minuteurs intégrés et des effets visuels. Il inclut également des capacités de traitement multimédia intégrées telles que le scan de codes-barres et QR, la génération de QR personnalisés et une interface de recadrage d'image. Le projet couvre une large surface de capacités UI et UX, incluant divers composants de saisie de données, des primitives de fenêtres flottantes et un large éventail d'indicateurs de feedback comme les snackbars et les jauges de progression. Il fournit en outre le templating de layout, la configuration typographique et des systèmes d'animation pour gérer les transitions de vues et le feedback interactif.
Provides dual-thumb sliders for selecting a minimum and maximum numeric range.
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
Provides a range slider with two thumbs for selecting a numeric minimum and maximum value.
Radash est une bibliothèque d'utilitaires fonctionnels TypeScript conçue pour la transformation de données, la validation et la gestion de workflow. Elle fournit une collection de fonctions d'aide typées pour manipuler les tableaux, les objets et les chaînes de caractères. Le projet propose une boîte à outils de workflow asynchrone pour gérer les promesses, les tentatives et les limites de concurrence, aux côtés d'une suite de validateurs booléens pour vérifier les types primitifs, les objets et les promesses. Il implémente également des patterns de programmation fonctionnelle tels que la composition de fonctions, l'application partielle et les patterns de réponse error-first. La bibliothèque couvre une large surface de capacités, incluant la gestion d'état d'objet avec clonage profond et fusion, des manipulations de tableaux complexes et le formatage de chaînes. Elle fournit en outre des outils pour l'optimisation de l'exécution, tels que le rate limiting et la mise en cache des résultats.
Creates lists of numbers within a specified range using programmatic generation.
Searchkit est un framework d'interface de recherche conçu pour construire des interfaces de recherche avec React et Vue qui se connectent à des backends Elasticsearch et OpenSearch. Il fournit une couche de traduction de requêtes de recherche pour convertir les états de recherche frontend en langages de requête spécifiques au moteur, ainsi qu'un moteur de rendu de résultats pour afficher les hits, les menus de facettes et la pagination. Le framework inclut une interface de recherche sémantique qui permet des recherches vectorielles par plus proche voisin et le traitement du langage naturel. Il se distingue par un système de traduction basé sur des adaptateurs et un mappage d'interface utilisateur basé sur des composants qui connecte la logique de recherche à des vues interchangeables via une interface standardisée. Le projet couvre un large éventail de capacités, incluant la gestion d'état pour synchroniser les filtres et la pagination, la génération de facettes complexes pour le filtrage hiérarchique et numérique, et une logique de classement personnalisée via la pondération de priorité des champs. Il fournit également des outils pour l'épinglage de résultats, la modification des règles de requête et la visualisation géographique via des interfaces cartographiques. Pour la sécurité et l'extensibilité, le projet utilise une couche d'accès API pour mandater les requêtes entre le navigateur et le cluster de recherche, et prend en charge l'interception de requêtes basée sur des middlewares pour modifier les requêtes et les réponses.
Provides a dual-handle slider to refine search results by adjusting the minimum and maximum values of numeric attributes.
Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p
Provides dual-thumb range sliders for selecting continuous minimum and maximum values.
Ce projet est une bibliothèque d'interface utilisateur Material Design et un kit de composants mobiles multiplateformes. Il fournit un ensemble de composants d'interface utilisateur pré-stylisés et un framework de mise en page conçu pour garantir une expérience visuelle cohérente sur différents appareils mobiles. La bibliothèque inclut un système de gestion de thèmes mobiles pour définir et mettre à jour les palettes de couleurs globales et les règles de style sur toute l'interface d'une application. Elle implémente des modèles de mise en page et des règles d'espacement standardisés pour maintenir un design propre et cohérent. Le toolkit couvre la construction de formulaires et d'interfaces mobiles en utilisant des éléments tels que des boutons, des cartes, des champs de saisie de texte, des indicateurs de chargement, des interrupteurs de sélection et des curseurs de valeur.
Renders range sliders to let users select specific numeric values or intervals.
mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor
Provides numeric range sliders featuring dual thumbs for selecting minimum and maximum values.
Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST APIs while providing a visual in-context page editor for live editing. It is built on a module-based plugin architecture that extends CMS functionality through reusable modules, each encapsulating logic, configuration, and templates. The system uses schema-driven content modeling to define data structures and validation rules through configurable schemas and custom field types, with all content stored as flexible JSON-like documents in MongoDB. The platform distinguishes itsel
Ships a numeric range input field for selecting values within defined minimum and maximum boundaries.
Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive
Provides a double-handle slider for selecting numeric ranges to define image boundaries.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Implements dual-thumb sliders for selecting minimum and maximum numeric values simultaneously.
Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
Provides numeric and range sliders for selecting single values or numeric intervals.
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
Ships range selectors with dual draggable edges for picking a numeric span between two values.
Shadcn-ui-expansions is a React and Tailwind CSS component library that provides a collection of pre-built user interface elements and utilities designed to be copied directly into web applications. The project extends the shadcn-ui ecosystem with additional interactive widgets and layout elements to speed up frontend development. The library includes advanced form controls such as date and time pickers, searchable multi-item tag selectors, dual-range numeric sliders, and expanding textareas that automatically adjust height as content grows. Additional components feature animated text typing
Allows selecting a numeric range with two independent handles on a single interactive track.
The angularjs-slider repository provides a lightweight slider directive built specifically for the AngularJS framework. It offers single-handle and dual-handle numeric selection components with no external dependencies, allowing users to pick values or ranges by dragging interactive handles along a track. The component supports extensive customization options, including minimum and maximum boundaries, forbidden zones, step increments, decimal precision, and custom markup templates. Developers can configure these parameters through instance-level attributes or via a centralized service provide
Provides a dual-handle range slider component letting users select minimum and maximum numeric boundaries smoothly.