17 रिपॉजिटरी
Interface for highlighting specific contiguous blocks of time to trigger event creation or custom actions.
Distinct from Range Sliders: Distinct from numeric range sliders: involves selecting a visual range of dates or hours on a calendar grid.
Explore 17 awesome GitHub repositories matching user interface & experience · Time Range Selections. Refine with filters or upvote what's useful.
FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view. The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list f
Provides the ability to highlight specific date and time ranges to trigger bookings or custom callbacks.
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 एक नेटिव Android UI फ्रेमवर्क और कंपोनेंट लाइब्रेरी है जिसे एप्लिकेशन इंटरफेस बनाने के लिए डिज़ाइन किया गया है। यह नेटिव लेआउट्स, इनपुट फील्ड्स और नेविगेशन एलिमेंट्स का एक व्यापक सूट प्रदान करता है, जो वैश्विक विजुअल विशेषताओं और रिस्पॉन्सिव स्टाइल्स को परिभाषित करने के लिए एक टियर्ड थीम मैनेजमेंट सिस्टम द्वारा समर्थित है। यह फ्रेमवर्क कस्टम व्यूज़ और इंटरैक्शन टूलकिट्स के एक विशेष सेट के माध्यम से खुद को अलग करता है, जिसमें हाई-परफॉरमेंस कैलेंडर, डेटा विज़ुअलाइज़ेशन रेंडरिंग और एकीकृत टाइमर्स और विजुअल इफेक्ट्स के साथ विभिन्न स्टाइलाइज्ड बटन्स शामिल हैं। इसमें बारकोड और QR कोड स्कैनिंग, कस्टम QR जनरेशन और इमेज क्रॉपिंग इंटरफेस जैसी एकीकृत मीडिया प्रोसेसिंग क्षमताएं भी शामिल हैं। यह प्रोजेक्ट UI और UX क्षमताओं के एक व्यापक क्षेत्र को कवर करता है, जिसमें विविध डेटा एंट्री कंपोनेंट्स, फ्लोटिंग विंडो प्रिमिटिव्स और स्नैकबार्स और प्रोग्रेस गेज जैसे फीडबैक इंडिकेटर्स की एक विस्तृत श्रृंखला शामिल है। यह व्यू ट्रांज़िशन और इंटरैक्टिव फीडबैक को मैनेज करने के लिए लेआउट टेम्प्लेटिंग, टाइपोग्राफी कॉन्फ़िगरेशन और एनीमेशन सिस्टम भी प्रदान करता है।
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, डेटा रूपांतरण, सत्यापन और वर्कफ़्लो प्रबंधन के लिए डिज़ाइन की गई एक TypeScript कार्यात्मक उपयोगिता लाइब्रेरी है। यह एरे, ऑब्जेक्ट्स और स्ट्रिंग्स में हेरफेर करने के लिए टाइप्ड हेल्पर फंक्शन्स का एक संग्रह प्रदान करती है। इस प्रोजेक्ट में प्रॉमिस, रिट्रीज़ और कॉनकरेंसी लिमिट्स को प्रबंधित करने के लिए एक एसिंक्रोनस वर्कफ़्लो टूलकिट है, साथ ही प्रिमिटिव प्रकारों, ऑब्जेक्ट्स और प्रॉमिस को सत्यापित करने के लिए बूलियन वैलिडेटर्स का एक सुइट है। यह फंक्शन कंपोज़िशन, पार्शियल एप्लिकेशन और एरर-फर्स्ट रिस्पॉन्स पैटर्न जैसे कार्यात्मक प्रोग्रामिंग पैटर्न को भी लागू करता है। लाइब्रेरी डीप क्लोनिंग और मर्जिंग के साथ ऑब्जेक्ट स्टेट प्रबंधन, जटिल एरे हेरफेर और स्ट्रिंग फॉर्मेटिंग सहित क्षमताओं की एक विस्तृत सतह को कवर करती है। यह अतिरिक्त रूप से निष्पादन ऑप्टिमाइज़ेशन के लिए टूल्स प्रदान करती है, जैसे कि रेट लिमिटिंग और रिजल्ट कैशिंग।
Creates lists of numbers within a specified range using programmatic generation.
Searchkit एक सर्च UI फ्रेमवर्क है जिसे React और Vue के साथ सर्च इंटरफ़ेस बनाने के लिए डिज़ाइन किया गया है जो Elasticsearch और OpenSearch बैकएंड से जुड़ते हैं। यह फ्रंटएंड सर्च स्टेट्स को इंजन-विशिष्ट क्वेरी भाषाओं में बदलने के लिए एक सर्च क्वेरी ट्रांसलेशन लेयर और हिट्स, फैसेट मेनू और पेजिनेशन प्रदर्शित करने के लिए एक रिजल्ट रेंडरिंग इंजन प्रदान करता है। इस फ्रेमवर्क में एक सिमेंटिक सर्च इंटरफ़ेस शामिल है जो वेक्टर-आधारित नियरेस्ट नेबर सर्च और नेचुरल लैंग्वेज प्रोसेसिंग को सक्षम बनाता है। यह एडेप्टर-आधारित ट्रांसलेशन सिस्टम और कंपोनेंट-आधारित UI मैपिंग के माध्यम से खुद को अलग करता है जो एक मानकीकृत इंटरफ़ेस के माध्यम से सर्च लॉजिक को इंटरचेंजेबल व्यू से जोड़ता है। यह प्रोजेक्ट फिल्टर और पेजिनेशन को सिंक्रोनाइज़ करने के लिए स्टेट मैनेजमेंट, पदानुक्रमित और संख्यात्मक फिल्टरिंग के लिए जटिल फैसेट जनरेशन और फील्ड प्रायोरिटी वेटिंग के माध्यम से कस्टम रैंकिंग लॉजिक सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह रिजल्ट पिनिंग, क्वेरी रूल संशोधन और मैप-आधारित इंटरफ़ेस के माध्यम से भौगोलिक विज़ुअलाइज़ेशन के लिए टूल्स भी प्रदान करता है। सुरक्षा और एक्स्टेंसिबिलिटी के लिए, यह प्रोजेक्ट ब्राउज़र और सर्च क्लस्टर के बीच अनुरोधों को प्रॉक्सी करने के लिए एक API एक्सेस लेयर का उपयोग करता है और क्वेरी और प्रतिक्रियाओं को संशोधित करने के लिए मिडलवेयर-आधारित अनुरोध इंटरसेप्शन का समर्थन करता है।
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.
This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b
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.