15 Repos
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 ist ein Frontend-Framework und eine UI-Komponentenbibliothek für Vue.js-Anwendungen. Es bietet ein anpassbares Designsystem und eine Reihe vorgestylter Benutzeroberflächenelemente, die darauf ausgelegt sind, die Entwicklung von Weboberflächen zu beschleunigen. Das Projekt zeichnet sich durch ein thematisierbares visuelles Toolkit aus, das dynamische Farbanpassungen und serverseitige Stil-Anpassungen unterstützt, um die Markenidentität zu wahren. Es verfügt zudem über eine spezialisierte Datentabellen-Komponente mit integrierter Unterstützung für Inline-Zellenbearbeitung und serverseitige Verarbeitung für Paginierung, Filterung und Sortierung. Die Bibliothek deckt ein breites Spektrum an UI-Funktionen ab, einschließlich eines responsiven Zwölf-Spalten-Rastersystems, umfassender Formularelemente und verschiedener Layout-Tools wie Content-Cards und einklappbare Listen. Sie enthält zudem Navigationsdienstprogramme wie Sidebars und Breadcrumbs sowie eine Reihe von Overlays, einschließlich modaler Dialoge, Systembenachrichtigungen und Tooltips.
Offers specialized input fields optimized for entering single numeric values.
Qor ist ein Go-Admin-Framework und Backend-Toolkit, das für den Aufbau administrativer Interfaces, Headless-Content-Management-Systeme und REST-API-Generatoren verwendet wird. Es bietet eine strukturierte Umgebung für die Implementierung von Business-Application-Backends und ist auf die Verwaltung strukturierter Inhalte und Medien-Assets spezialisiert. Das Projekt zeichnet sich durch umfassendes, mehrsprachiges Content-Management aus, das locale-basierte Datenversionierung und ein dediziertes System für Internationalisierung und Übersetzungsverwaltung bietet. Es differenziert sich zudem durch eine integrierte Zustandsautomaten-Implementierung (State Machine) für die Automatisierung von Geschäftsprozessen und einen Content-Staging-Workflow zur Überprüfung von Änderungen vor der Veröffentlichung. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich rollenbasierter Zugriffskontrolle, Sitzungsmanagement und Planung von Hintergrundjobs. Die Datenverwaltung umfasst CRUD-Handler-Overrides, Beziehungsmanagement und ein metadatengesteuertes UI, das Dashboards und Formulareingaben basierend auf Backend-Ressourcendefinitionen generiert. Zudem bietet es Tools für die RESTful-API-Generierung mit Unterstützung für Content-Negotiation und verschachtelte Endpunkte. Das System ermöglicht Bereitstellungsoptimierung, indem HTML-Templates direkt in die Go-Anwendungs-Binary kompiliert werden, um Dateisystemabhängigkeiten zu entfernen.
Renders a field for entering whole numbers or floating-point decimals based on the attribute type defined in the model.
imaskjs ist eine JavaScript-Eingabemasken-Bibliothek und ein DOM-Eingabemanager, der verwendet wird, um spezifische Muster, Datentypen und Bereiche für Benutzereingaben in Echtzeit durchzusetzen. Sie dient als Datenformatierungsbibliothek und Eingabevalidierungstool, das rohe Eingabewerte mithilfe von Masken und benutzerdefinierten Pipes in formatierte Strings umwandelt. Das Projekt bietet dynamische Maskierungsfunktionen, die es ermöglichen, Eingabemuster in Echtzeit basierend auf den vom Benutzer eingegebenen Zeichen zu ändern oder umzuschalten. Es unterstützt komplexe Eingabebeschränkungen, einschließlich regulärer Ausdrücke, numerischer Bereiche, Datums-basierter Verifizierung und Zeichenaufzählungen. Die Bibliothek deckt eine breite Palette an Eingabeverarbeitungs- und Datenverwaltungsaufgaben ab, einschließlich Vor- und Nachverarbeitungstransformationen, Extraktion von Rohwerten für API-Übermittlungen sowie die Anwendung von Masken auf sowohl Standard-HTML-Eingabefelder als auch contenteditable-Elemente.
Transforms input data using custom functions or pipes to apply specific formatting rules during typing.
Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.
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.
Dieses Projekt ist ein jQuery-Input-Mask-Plugin und eine Bibliothek zur Durchsetzung spezifischer Formate in Formularfeldern und HTML-Elementen. Es fungiert als Tool zur Maskierung und Bereinigung von Formulareingaben, das die Zeicheneingabe einschränkt und automatisch Trennzeichen für Muster wie Datumsangaben und Telefonnummern einfügt. Die Bibliothek unterstützt flexible Maskierung durch optionale und rekursive Muster, die sich je nach Datenmenge erweitern oder zusammenziehen. Sie bietet dynamisches Maskenmanagement, wodurch Formatierungsregeln auf bestehenden Elementen geändert oder entfernt werden können, ohne die Seite neu zu laden. Das Tool enthält Funktionen für benutzerdefinierte Maskenlogik und Musterdefinition, um zu steuern, welche alphanumerischen Eingaben zulässig sind. Es bietet zudem eine Bereinigung der Eingabedaten, um Nicht-Masken-Zeichen vor der Serverübermittlung zu entfernen, sowie ein Fallback-System, um ungültige Zeichen durch vordefinierte Ziffern zu ersetzen.
Allows the definition of custom validation logic to control how the mask interprets and accepts input characters.
CorsixTH ist ein Open-Source-Spiel-Klon und Krankenhaus-Management-Simulationsspiel. Es fungiert als Reproduktion eines klassischen Management-Titels, bei dem Spieler Personal koordinieren und Patienten behandeln, um eine medizinische Einrichtung zu verwalten. Das Projekt enthält ein Level-Editor-Tool zum Entwerfen origineller Karten und Kampagnen. Es verfügt zudem über ein anpassbares Eingabesystem, das es Benutzern ermöglicht, Spiel-Hotkeys zu mappen und Steuerungsschemata zu personalisieren. Die Simulation unterstützt Spiel-Lokalisierung, um Interface-Texte und Dialoge in mehrere Sprachen zu übersetzen.
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.