9 repositorios
Interactive draggable bars for selecting numerical values within a range.
Distinct from Numeric Input Controls: Focuses specifically on the slider mechanism for numerical selection, distinct from general input controls.
Explore 9 awesome GitHub repositories matching user interface & experience · Slider Inputs. Refine with filters or upvote what's useful.
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.
Ships a slider component that can switch between discrete step-snapping and continuous smooth dragging.
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 es un framework frontend y librería de componentes de UI para aplicaciones Vue.js. Proporciona un sistema de diseño personalizable y un conjunto de elementos de interfaz de usuario pre-estilizados diseñados para acelerar el desarrollo de interfaces web. El proyecto se distingue por un toolkit visual tematizable que admite actualizaciones de color dinámicas y personalización de estilos en el lado del servidor para mantener la identidad de marca. También cuenta con un componente de tabla de datos especializado con soporte integrado para edición de celdas en línea y procesamiento en el lado del servidor para paginación, filtrado y ordenamiento. La librería cubre una amplia superficie de capacidades de UI, incluyendo un sistema de cuadrícula responsivo de doce columnas, elementos de formulario integrales y varias herramientas de diseño como tarjetas de contenido y listas plegables. También incluye utilidades de navegación como barras laterales y rutas de navegación (breadcrumbs), así como una variedad de superposiciones que incluyen diálogos modales, notificaciones del sistema y tooltips.
Ships draggable slider inputs for selecting single values or ranges within defined limits.
Zag es una librería de máquina de estados de UI headless que proporciona lógica de componentes sin estilo para asegurar un comportamiento consistente en diferentes motores de renderizado. Funciona como un kit de herramientas para modelar interacciones complejas de interfaz de usuario usando statecharts, desacoplando la lógica subyacente y los atributos de accesibilidad del estilo visual. La librería es agnóstica al framework, utilizando adaptadores especializados para conectar su lógica de máquina de estados con varias librerías de JavaScript como React, Solid, Vue y Svelte. Este enfoque permite a los desarrolladores mantener un modelo de interacción único mientras aplican cualquier solución CSS o de estilo a través de atributos de datos dirigidos por estado. Zag cubre una amplia gama de áreas funcionales, incluyendo gestión integral de accesibilidad para navegación por teclado y atributos ARIA, así como una vasta colección de primitivas interactivas. Estas incluyen controles de entrada, elementos de navegación como menús y pestañas, componentes de superposición como diálogos y popovers, y manejo complejo de medios para recorte de imágenes y captura de firmas. También proporciona utilidades para la gestión de datos jerárquicos, manejo de listas asíncronas y un sistema para construir tours guiados de productos.
Ships headless logic for range inputs supporting single or multiple thumbs with custom bounds.
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 es una plantilla administrativa y kit de UI basado en Bootstrap diseñado para el desarrollo rápido de interfaces de gestión basadas en web. Proporciona una colección de diseños de página preconstruidos y componentes de interfaz reutilizables que permiten a los desarrolladores construir paneles funcionales con un lenguaje de diseño consistente. El framework se distingue por un sistema de diseño basado en cuadrícula (grid) responsivo que ajusta automáticamente el contenido para adaptarse a varios tamaños de pantalla y viewports de dispositivos. Incluye una biblioteca especializada de widgets interactivos, como gráficos de visualización de datos, selectores de fecha y controles deslizantes de rango, que facilitan la visualización de métricas complejas y la recopilación de entradas del usuario. El proyecto admite una amplia personalización de activos visuales y temas de diseño para alinearse con requisitos de marca específicos. También proporciona una interfaz estandarizada para integrar plugins de terceros, permitiendo la extensión de la funcionalidad central para tareas como la gestión de datos y la edición de texto enriquecido.
Provides interactive slider components for intuitive numerical input and range selection within application forms.