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 ومكتبة مكونات مصممة لبناء واجهات التطبيقات. يوفر مجموعة شاملة من التخطيطات الأصلية، وحقول الإدخال، وعناصر التنقل، مدعومة بنظام إدارة سمات متعدد المستويات لتعريف السمات البصرية العالمية والأنماط المتجاوبة. يتميز إطار العمل بمجموعة متخصصة من طرق العرض المخصصة ومجموعات أدوات التفاعل، بما في ذلك تقويمات عالية الأداء، وعرض تصور البيانات، ومجموعة متنوعة من الأزرار المصممة مع مؤقتات مدمجة وتأثيرات بصرية. كما يتضمن إمكانيات معالجة الوسائط المتكاملة مثل مسح الباركود ورموز QR، وتوليد QR مخصص، وواجهة قص الصور. يغطي المشروع نطاقاً واسعاً من قدرات واجهة المستخدم وتجربة المستخدم، بما في ذلك مكونات إدخال البيانات المتنوعة، وبدائيات النوافذ العائمة، ومجموعة واسعة من مؤشرات التغذية الراجعة مثل snackbars ومقاييس التقدم. كما يوفر قوالب التخطيط، وتكوين الطباعة، وأنظمة الرسوم المتحركة لإدارة انتقالات العرض والتغذية الراجعة التفاعلية.
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 هو إطار عمل لواجهة البحث مصمم لبناء واجهات بحث باستخدام React و Vue تتصل بخلفيات Elasticsearch و OpenSearch. يوفر طبقة ترجمة لاستعلامات البحث لتحويل حالات البحث في الواجهة الأمامية إلى لغات استعلام خاصة بالمحرك ومحرك عرض للنتائج لعرض النتائج وقوائم الأوجه (facets) والترقيم. يتضمن إطار العمل واجهة بحث دلالية تتيح عمليات بحث الجيران الأقرب القائمة على المتجهات ومعالجة اللغة الطبيعية. يتميز بنظام ترجمة قائم على المحولات (adapters) وتعيين واجهة مستخدم قائم على المكونات يربط منطق البحث بطرق عرض قابلة للتبديل عبر واجهة موحدة. يغطي المشروع مجموعة واسعة من القدرات، بما في ذلك إدارة الحالة لمزامنة الفلاتر والترقيم، وتوليد أوجه معقدة للتصفية الهرمية والرقمية، ومنطق ترتيب مخصص من خلال ترجيح أولوية الحقول. كما يوفر أدوات لتثبيت النتائج، وتعديل قواعد الاستعلام، والتصور الجغرافي عبر واجهات قائمة على الخرائط. للأمن والقابلية للتوسع، يستخدم المشروع طبقة وصول API لتوجيه الطلبات بين المتصفح وعنقود البحث ويدعم اعتراض الطلبات القائم على البرمجيات الوسيطة (middleware) لتعديل الاستعلامات والردود.
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.
هذا المشروع عبارة عن مكتبة واجهات مستخدم بتصميم Material Design ومجموعة أدوات للمكونات عبر المنصات. يوفر مجموعة من مكونات واجهة المستخدم مسبقة التصميم وإطار عمل للتخطيط مصمم لضمان تجربة بصرية متسقة عبر مختلف الأجهزة المحمولة. تتضمن المكتبة نظاماً لإدارة سمات الأجهزة المحمولة لتعريف وتحديث لوحات الألوان العالمية وقواعد التصميم عبر واجهة التطبيق. كما يطبق أنماط تخطيط وقواعد تباعد موحدة للحفاظ على تصميم نظيف ومتسق. تغطي مجموعة الأدوات بناء نماذج وواجهات الأجهزة المحمولة باستخدام عناصر مثل الأزرار، والبطاقات، وحقول إدخال النصوص، ومؤشرات التحميل، ومفاتيح التبديل، ومنزلقات القيم.
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.