15 dépôts
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 est un framework frontend et une bibliothèque de composants UI pour les applications Vue.js. Il fournit un système de conception personnalisable et un ensemble d'éléments d'interface utilisateur pré-stylisés conçus pour accélérer le développement d'interfaces web. Le projet se distingue par une boîte à outils visuelle thématisable qui prend en charge les mises à jour de couleurs dynamiques et la personnalisation de style côté serveur pour maintenir l'identité de marque. Il dispose également d'un composant de tableau de données spécialisé avec un support intégré pour l'édition de cellules en ligne et le traitement côté serveur pour la pagination, le filtrage et le tri. La bibliothèque couvre une large surface de capacités UI, incluant un système de grille responsive à douze colonnes, des éléments de formulaire complets et divers outils de mise en page comme des cartes de contenu et des listes repliables. Elle inclut également des utilitaires de navigation tels que des barres latérales et des fils d'ariane, ainsi qu'un éventail de superpositions incluant des boîtes de dialogue modales, des notifications système et des infobulles.
Offers specialized input fields optimized for entering single numeric values.
Qor est un framework d'administration Go et une boîte à outils backend utilisée pour construire des interfaces administratives, des systèmes de gestion de contenu (CMS) headless et des générateurs d'API REST. Il fournit un environnement structuré pour implémenter des backends d'applications métier, se spécialisant dans la gestion de contenu structuré et d'assets multimédias. Le projet se distingue par une gestion de contenu multi-langue complète, incluant le versionnage de données basé sur la locale et un système dédié pour l'internationalisation et l'administration de la traduction. Il différencie davantage son offre avec une implémentation de machine à états intégrée pour l'automatisation des processus métier et un workflow de staging de contenu pour réviser les changements avant publication. Le framework couvre un large éventail de capacités, incluant le contrôle d'accès basé sur les rôles, la gestion de session et la planification de tâches en arrière-plan. Sa surface de gestion de données inclut des overrides de gestionnaires CRUD, la gestion des relations et une UI pilotée par métadonnées qui génère des tableaux de bord et des entrées de formulaire basées sur les définitions de ressources backend. De plus, il fournit des outils pour la génération d'API RESTful avec support de la négociation de contenu et des endpoints imbriqués. Le système permet l'optimisation du déploiement en compilant les templates HTML directement dans le binaire de l'application Go pour supprimer les dépendances au système de fichiers.
Renders a field for entering whole numbers or floating-point decimals based on the attribute type defined in the model.
imaskjs est une bibliothèque de masque de saisie JavaScript et un gestionnaire de saisie DOM utilisé pour appliquer des modèles, des types de données et des plages spécifiques sur la saisie utilisateur en temps réel. Elle sert de bibliothèque de formatage de données et d'outil de validation de saisie qui transforme les valeurs de saisie brutes en chaînes formatées en utilisant des masques et des pipes personnalisés. Le projet fournit des capacités de masquage dynamique, permettant aux modèles de saisie de changer ou de basculer en temps réel en fonction des caractères saisis par l'utilisateur. Il prend en charge des contraintes de saisie complexes, notamment les expressions régulières, les plages numériques, la vérification basée sur les dates et les énumérations de caractères. La bibliothèque couvre un large éventail de tâches de traitement de saisie et de gestion de données, notamment les transformations de pré- et post-traitement, l'extraction de valeurs brutes pour la soumission API, et l'application de masques à la fois aux champs de saisie HTML standard et aux éléments contenteditable.
Transforms input data using custom functions or pipes to apply specific formatting rules during typing.
Zag est une bibliothèque de machine à états UI headless qui fournit une logique de composant non stylisée pour assurer un comportement cohérent à travers différents moteurs de rendu. Elle fonctionne comme une boîte à outils pour modéliser des interactions d'interface utilisateur complexes en utilisant des statecharts, découplant la logique sous-jacente et les attributs d'accessibilité du stylage visuel. La bibliothèque est agnostique au framework, utilisant des adaptateurs spécialisés pour faire le pont entre sa logique de machine à états et diverses bibliothèques JavaScript telles que React, Solid, Vue et Svelte. Cette approche permet aux développeurs de maintenir un modèle d'interaction unique tout en appliquant n'importe quelle solution CSS ou de stylage via des attributs de données pilotés par l'état. Zag couvre un large éventail de domaines fonctionnels, incluant une gestion complète de l'accessibilité pour la navigation au clavier et les attributs ARIA, ainsi qu'une vaste collection de primitives interactives. Celles-ci incluent des contrôles de saisie, des éléments de navigation comme les menus et onglets, des composants de superposition tels que les dialogues et popovers, et une gestion média complexe pour le recadrage d'image et la capture de signature. Elle fournit également des utilitaires pour la gestion de données hiérarchiques, la gestion de listes asynchrones et un système pour construire des visites guidées de produits.
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.
Ce projet est un plugin jQuery de masque de saisie et une bibliothèque utilisée pour appliquer des formats spécifiques sur les champs de formulaire et les éléments HTML. Il fonctionne comme un outil de masquage et de nettoyage de saisie de formulaire qui restreint l'entrée de caractères et insère automatiquement des délimiteurs pour des modèles tels que les dates et les numéros de téléphone. La bibliothèque prend en charge un masquage flexible via des modèles optionnels et récursifs qui s'étendent ou se contractent en fonction du volume de données saisies. Elle fournit une gestion dynamique des masques, permettant aux règles de formatage d'être modifiées ou supprimées sur des éléments existants sans recharger la page. L'outil inclut des capacités pour une logique de masque personnalisée et la définition de modèles pour contrôler quelles entrées alphanumériques sont autorisées. Il dispose également d'un nettoyage des données de saisie pour supprimer les caractères hors masque avant la soumission au serveur et un système de secours pour remplacer les caractères invalides par des chiffres prédéfinis.
Allows the definition of custom validation logic to control how the mask interprets and accepts input characters.
CorsixTH est un clone de jeu open-source et un jeu de simulation de gestion d'hôpital. Il fonctionne comme une reproduction d'un titre de gestion classique où les joueurs coordonnent le personnel et traitent les patients pour gérer un établissement médical. Le projet inclut un outil d'édition de niveau pour concevoir des cartes et des campagnes originales. Il dispose également d'un système d'entrée personnalisable qui permet aux utilisateurs de mapper les raccourcis clavier du jeu et de personnaliser les schémas de contrôle. La simulation prend en charge la localisation du jeu pour traduire le texte de l'interface et les dialogues dans plusieurs langues.
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.