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 框架和组件库,专为构建应用程序界面而设计。它提供了一套全面的原生布局、输入字段和导航元素,并由用于定义全局视觉属性和响应式样式的分层主题管理系统提供支持。 该框架以其专业的一套自定义视图和交互工具包而著称,包括高性能日历、数据可视化渲染以及各种带有集成计时器和视觉效果的样式化按钮。它还包括集成的媒体处理功能,如条形码和二维码扫描、自定义二维码生成以及图像裁剪界面。 该项目涵盖了广泛的 UI 和 UX 能力,包括多样化的数据输入组件、浮动窗口原语以及各种反馈指示器(如 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 函数式实用工具库,专为数据转换、验证和工作流管理而设计。它提供了一系列类型化的辅助函数来操作数组、对象和字符串。 该项目具有用于管理 Promise、重试和并发限制的异步工作流工具包,以及一套用于验证原始类型、对象和 Promise 的布尔验证器。它还实现了函数式编程模式,如函数组合、偏函数应用和错误优先响应模式。 该库涵盖了广泛的功能,包括具有深克隆和合并的对象状态管理、复杂的数组操作和字符串格式化。它还提供了用于执行优化的工具,如速率限制和结果缓存。
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.
该项目是一个 Material Design UI 库和跨平台移动组件工具包。它提供了一套预设样式的用户界面组件和布局框架,旨在确保不同移动设备之间的一致视觉体验。 该库包含一个移动主题管理系统,用于定义和更新应用程序界面中的全局配色方案和样式规则。它实现了标准化的布局模式和间距规则,以保持简洁且一致的设计。 该工具包涵盖了移动表单和界面的构建,包括按钮、卡片、文本输入框、加载指示器、选择开关和数值滑块等元素。
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.