15 repositorios
UI components for entering and storing integer or decimal values.
Distinct from Numeric Inputs: Focuses on CMS-integrated numeric fields, distinct from general UI numeric inputs.
Explore 15 awesome GitHub repositories matching user interface & experience · Numeric Input Fields. Refine with filters or upvote what's useful.
TinaCMS is a headless content management framework that bridges local Git-based file storage with a visual, in-context editing interface. By treating your repository as the single source of truth, it enables developers to manage content as structured data files while providing editors with a browser-based dashboard to modify website content directly within a live preview. The framework distinguishes itself by transforming local files into a unified GraphQL API, which powers both the administrative interface and the application's data retrieval layer. This architecture allows for compile-time
Provides dedicated form fields for entering and storing numeric values directly within the content management interface.
This project is an educational course and a collection of frontend projects designed to teach the core concepts and architecture of the React library. It serves as a practical guide for building modular user interfaces through a series of hands-on project builds. The repository includes a technical implementation of a custom React renderer, demonstrating how to transform JSX elements into a document object model. It further provides examples of state management, specifically illustrating how to share global data across a component tree using the provider pattern to avoid property drilling. T
Provides labeled input fields for entering numeric currency values and selecting currency types.
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 a numeric input field with increment buttons, range constraints, and step controls.
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
Provides segmented fields for one-time passwords and numeric inputs with increment buttons.
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
Renders a numeric input that supports manual typing, increment buttons, and mouse-wheel scrubbing.
Zelda64Recomp is a native game recompilation project that translates legacy binary machine code into modern machine code. It functions as a native hardware port and a static recompiled binary, executing original game logic directly on modern CPUs and GPUs to run without an emulator. The project serves as a moddable game engine, providing a framework to apply community texture packs and code patches to the recompiled title. It includes native hardware porting capabilities that remove emulator overhead to improve stability and frame rate control. The software covers retro game modernization th
Implements modern control schemes including dual analog cameras, gyro-aiming, and adjustable stick deadzones.
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.
Offers specialized input fields optimized for entering single numeric values.
Qor es un framework de administración en Go y toolkit de backend utilizado para construir interfaces administrativas, sistemas de gestión de contenido headless y generadores de API REST. Proporciona un entorno estructurado para implementar backends de aplicaciones de negocio, especializándose en la gestión de contenido estructurado y activos multimedia. El proyecto se distingue por una gestión de contenido multilingüe integral, con versionado de datos basado en locale y un sistema dedicado para la internacionalización y administración de traducciones. Diferencia aún más su oferta con una implementación de máquina de estados integrada para la automatización de procesos de negocio y un flujo de trabajo de staging de contenido para revisar cambios antes de la publicación. El framework cubre una amplia gama de capacidades, incluyendo control de acceso basado en roles, gestión de sesiones y programación de trabajos en segundo plano. Su superficie de gestión de datos incluye anulaciones de manejadores CRUD, gestión de relaciones y una UI basada en metadatos que genera dashboards y entradas de formulario basadas en definiciones de recursos de backend. Además, proporciona herramientas para la generación de API RESTful con soporte para negociación de contenido y endpoints anidados. El sistema permite la optimización del despliegue compilando plantillas HTML directamente en el binario de la aplicación Go para eliminar dependencias del sistema de archivos.
Renders a field for entering whole numbers or floating-point decimals based on the attribute type defined in the model.
imaskjs es una librería de máscara de entrada de JavaScript y gestor de entrada DOM utilizado para aplicar patrones, tipos de datos y rangos específicos a la entrada del usuario en tiempo real. Sirve como una librería de formato de datos y herramienta de validación de entrada que transforma valores de entrada sin procesar en cadenas formateadas utilizando máscaras y tuberías personalizadas. El proyecto proporciona capacidades de enmascaramiento dinámico, permitiendo que los patrones de entrada cambien o se alternen en tiempo real basándose en los caracteres que el usuario escribe. Soporta restricciones de entrada complejas incluyendo expresiones regulares, rangos numéricos, verificación basada en fechas y enumeraciones de caracteres. La librería cubre una amplia gama de tareas de procesamiento de entrada y gestión de datos, incluyendo transformaciones de pre y post-procesamiento, extracción de valores sin procesar para envío a API y la aplicación de máscaras tanto a campos de entrada HTML estándar como a elementos contenteditable.
Transforms input data using custom functions or pipes to apply specific formatting rules during typing.
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.
Provides a numeric input field with support for incrementing, decrementing, and snapping to steps.
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 min/max limits, decimal precision, and locale-aware formatting.
Este proyecto es un plugin de máscara de entrada de jQuery y biblioteca utilizada para aplicar formatos específicos en campos de formulario y elementos HTML. Funciona como una herramienta de enmascaramiento y saneamiento de entrada de formulario que restringe la entrada de caracteres e inserta automáticamente delimitadores para patrones como fechas y números de teléfono. La biblioteca admite un enmascaramiento flexible a través de patrones opcionales y recursivos que se expanden o contraen según el volumen de datos ingresados. Proporciona gestión dinámica de máscaras, permitiendo que las reglas de formato se cambien o eliminen en elementos existentes sin recargar la página. La herramienta incluye capacidades para lógica de máscara personalizada y definición de patrones para controlar qué entradas alfanuméricas están permitidas. También cuenta con saneamiento de datos de entrada para eliminar caracteres que no pertenecen a la máscara antes del envío al servidor y un sistema de respaldo para reemplazar caracteres no válidos con dígitos predefinidos.
Allows the definition of custom validation logic to control how the mask interprets and accepts input characters.
CorsixTH es un clon de juego de código abierto y un juego de simulación de gestión de hospitales. Funciona como una reproducción de un título de gestión clásico donde los jugadores coordinan al personal y tratan a los pacientes para gestionar una instalación médica. El proyecto incluye una herramienta de edición de niveles para diseñar mapas y campañas originales. También cuenta con un sistema de entrada personalizable que permite a los usuarios mapear teclas de acceso rápido del juego y personalizar esquemas de control. La simulación admite la localización del juego para traducir el texto de la interfaz y los diálogos a múltiples idiomas.
Allows users to customize the mapping of keys to game actions for a personalized control layout.
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
Customizes numeric display and editing within input fields to match specific locale and formatting requirements.
PagesCMS is a headless, Git-based content management system that uses a GitHub repository as its primary database. It provides a web interface for authoring and organizing structured files and media assets, transforming flat files in a repository into a structured content management environment. The system automates repository access and content updates through GitHub App integration and manifests. It features a schema-driven approach to map repository files and folders to specific editor fields, allowing for the management of static site content without a separate database. Capability areas
Provides numeric input fields for storing quantitative data such as prices and scores.