14 रिपॉजिटरी
UI elements for selecting numeric values with defined ranges, steps, and units.
Explore 14 awesome GitHub repositories matching user interface & experience · Numeric Input Controls. Refine with filters or upvote what's useful.
Home Assistant is a centralized home automation platform designed to orchestrate diverse internet-connected devices and services. It functions as a local-first control system that normalizes heterogeneous hardware protocols into a unified set of entities, attributes, and services. The core architecture relies on an event-driven state bus and a modular integration model, allowing the system to manage state changes and communicate across decoupled components through standardized interfaces. The platform distinguishes itself through a highly flexible, declarative configuration framework that all
Offers adjustable sliders and input fields with configurable ranges, steps, and measurement units for precise control over numeric values.
Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co
Filters user input by intercepting keystrokes to ensure only valid numerical characters are accepted.
gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li
Provides general-purpose form controls including numeric selectors and text fields.
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.
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.
A library to bring fully animated Material Design components to pre-Lolipop Android.
Provides a draggable slider bar for selecting a numeric value within a configurable range.
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.
Vuesax एक फ्रंटएंड फ्रेमवर्क और Vue.js एप्लिकेशन के लिए UI कंपोनेंट लाइब्रेरी है। यह एक कस्टमाइज़ेबल डिज़ाइन सिस्टम और पहले से स्टाइल किए गए यूज़र इंटरफ़ेस एलिमेंट्स प्रदान करता है, जो वेब इंटरफ़ेस के डेवलपमेंट को तेज़ करने के लिए डिज़ाइन किए गए हैं। यह प्रोजेक्ट एक थीमेबल विज़ुअल टूलकिट के लिए जाना जाता है जो डायनामिक कलर अपडेट्स और ब्रांड पहचान बनाए रखने के लिए सर्वर-साइड स्टाइल कस्टमाइज़ेशन को सपोर्ट करता है। इसमें एक विशेष डेटा टेबल कंपोनेंट भी है जिसमें इनलाइन सेल एडिटिंग और पेजिनेशन, फ़िल्टरिंग और सॉर्टिंग के लिए सर्वर-साइड प्रोसेसिंग का इन-बिल्ट सपोर्ट मिलता है। यह लाइब्रेरी UI क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है, जिसमें रिस्पॉन्सिव बारह-कॉलम ग्रिड सिस्टम, व्यापक फ़ॉर्म एलिमेंट्स, और कंटेंट कार्ड्स व कोलेप्सिबल लिस्ट्स जैसे विभिन्न लेआउट टूल्स शामिल हैं। इसमें साइडबार और ब्रेडक्रंब जैसे नेविगेशन यूटिलिटीज़ के साथ-साथ मोडल डायलॉग्स, सिस्टम नोटिफिकेशन्स और टूलटिप्स जैसे कई ओवरले भी शामिल हैं।
Ships draggable slider inputs for selecting single values or ranges within defined limits.
Zag एक हेडलेस UI स्टेट मशीन लाइब्रेरी है जो विभिन्न रेंडरिंग इंजनों में एक समान व्यवहार सुनिश्चित करने के लिए अनस्टाइल (unstyled) कंपोनेंट लॉजिक प्रदान करती है। यह स्टेटचार्ट्स का उपयोग करके जटिल यूजर इंटरफेस इंटरैक्शन को मॉडल करने के लिए एक टूलकिट के रूप में कार्य करती है, जो विज़ुअल स्टाइलिंग से अंतर्निहित लॉजिक और एक्सेसिबिलिटी एट्रिब्यूट्स को अलग करती है। यह लाइब्रेरी फ्रेमवर्क-अज्ञेयवादी (framework-agnostic) है, जो React, Solid, Vue और Svelte जैसी विभिन्न JavaScript लाइब्रेरी के साथ अपने स्टेट मशीन लॉजिक को जोड़ने के लिए विशेष एडेप्टर का उपयोग करती है। यह दृष्टिकोण डेवलपर्स को एक ही इंटरैक्शन मॉडल बनाए रखने की अनुमति देता है, जबकि स्टेट-संचालित डेटा एट्रिब्यूट्स के माध्यम से किसी भी CSS या स्टाइलिंग समाधान को लागू किया जा सकता है। Zag कार्यात्मक क्षेत्रों की एक विस्तृत श्रृंखला को कवर करती है, जिसमें कीबोर्ड नेविगेशन और ARIA एट्रिब्यूट्स के लिए व्यापक एक्सेसिबिलिटी प्रबंधन, और इंटरैक्टिव प्रिमिटिव्स का एक विशाल संग्रह शामिल है। इनमें इनपुट कंट्रोल्स, मेनू और टैब जैसे नेविगेशनल एलिमेंट्स, डायलॉग और पॉपओवर जैसे ओवरले कंपोनेंट्स, और इमेज क्रॉपिंग व सिग्नेचर कैप्चर के लिए जटिल मीडिया हैंडलिंग शामिल हैं। यह पदानुक्रमित डेटा प्रबंधन, एसिंक्रोनस लिस्ट हैंडलिंग और गाइडेड प्रोडक्ट टूर बनाने के लिए यूटिलिटीज भी प्रदान करती है।
Ships headless logic for range inputs supporting single or multiple thumbs with custom bounds.
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 numeric input component with range validation, step controls, and spinbutton accessibility.
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 numeric input controls with increment and decrement steppers for fine-tuning imaging values.
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.
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.
Shards Dashboard वेब-आधारित प्रबंधन इंटरफेस के तेजी से विकास के लिए डिज़ाइन किया गया एक Bootstrap-आधारित प्रशासनिक टेम्प्लेट और UI किट है। यह पूर्व-निर्मित पेज लेआउट और पुन: प्रयोज्य इंटरफेस घटकों का एक संग्रह प्रदान करता है जो डेवलपर्स को एक सुसंगत डिजाइन भाषा के साथ कार्यात्मक डैशबोर्ड बनाने की अनुमति देता है। फ्रेमवर्क एक रिस्पॉन्सिव ग्रिड-आधारित लेआउट सिस्टम के माध्यम से खुद को अलग करता है जो विभिन्न स्क्रीन आकारों और डिवाइस व्यूपोर्ट्स में फिट होने के लिए कंटेंट को ऑटोमेटेड रूप से समायोजित करता है। इसमें इंटरैक्टिव विजेट्स की एक विशेष लाइब्रेरी शामिल है, जैसे डेटा विज़ुअलाइज़ेशन चार्ट, डेट पिकर्स और रेंज स्लाइडर्स, जो जटिल मेट्रिक्स के प्रदर्शन और उपयोगकर्ता इनपुट के संग्रह की सुविधा प्रदान करते हैं। प्रोजेक्ट विशिष्ट ब्रांडिंग आवश्यकताओं के साथ संरेखित करने के लिए विज़ुअल एसेट्स और डिजाइन थीम्स के व्यापक अनुकूलन का समर्थन करता है। यह थर्ड-पार्टी प्लगइन्स को इंटीग्रेट करने के लिए एक मानकीकृत इंटरफेस भी प्रदान करता है, जो डेटा प्रबंधन और रिच टेक्स्ट एडिटिंग जैसे कार्यों के लिए मुख्य कार्यक्षमता के विस्तार को सक्षम बनाता है।
Provides interactive slider components for intuitive numerical input and range selection within application forms.