29 dépôts
UI components for entering single-line text, masked passwords, and multi-line text areas.
Distinct from Text Input Fields: Candidates are either focused on developer tool lists or OCR, not general purpose web UI text inputs.
Explore 29 awesome GitHub repositories matching user interface & experience · Text Input Fields. 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
Renders single-line text fields, password masks, and multi-line text areas for data entry.
FlatUIKit est un framework de design plat et une bibliothèque de composants pour iOS. Il fournit un ensemble d'éléments d'interface réutilisables et d'outils de stylisation pour implémenter une esthétique minimale à travers les applications mobiles natives. Le kit remplace les contrôles iOS standard par une collection de composants pré-stylisés, y compris des boutons, des champs de texte et des contrôles segmentés. Il utilise une palette de couleurs plates prédéfinie, une intégration de police personnalisée et un ensemble d'icônes dédié pour garantir une identité visuelle cohérente. Le framework couvre un large éventail d'éléments d'interface utilisateur, y compris des contrôles d'entrée personnalisables, des cellules de table et des composants de navigation tels que des barres de navigation et des popovers iPad. Il emploie des extensions de classe et des remplacements de composants « drop-in » pour modifier l'apparence des éléments natifs tout en maintenant les signatures d'API standard.
Provides text input fields with adjustable edge insets, background colors, and border widths.
Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav
Ships single-line text input fields that capture user input and trigger server-side responses.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Provides text input components for single-line and multi-line text or number entry.
Leva est un panneau de contrôle GUI React et un éditeur de paramètres en temps réel utilisé pour surveiller et ajuster l'état et les variables de l'application sans modifier le code ni recharger la page. Il fonctionne comme un débogueur d'état dynamique et une bibliothèque d'entrée extensible qui fournit une interface visuelle pour affiner les valeurs numériques, booléennes et textuelles au sein d'une application web en cours d'exécution. Le projet se distingue par un système de plugins qui permet la création de composants d'entrée personnalisés et de comportements spécialisés pour prendre en charge des types de données uniques. Il utilise l'inférence de type pour mapper automatiquement les données au widget visuel approprié, bien que ce mappage puisse être outrepassé pour forcer des types d'entrée spécifiques. L'interface prend en charge diverses catégories d'entrée, notamment les plages numériques, les vecteurs, les sélecteurs de couleur et les champs de téléchargement de médias. Les contrôles peuvent être organisés en dossiers hiérarchiques, affichés conditionnellement en fonction d'autres valeurs et synchronisés avec des magasins de données externes. Le système surveille également le cycle de vie de l'édition, permettant des rappels lorsque les utilisateurs commencent et terminent leurs interactions pour optimiser les performances des opérations coûteuses.
Includes various text and choice inputs such as text areas, boolean toggles, and labeled dropdown menus.
Ce projet est un framework de composants d'interface utilisateur réutilisables et d'extensions conçus pour intégrer des entrées structurées et des menus de sélection dans les contrôleurs d'alerte iOS natifs. Il fournit une bibliothèque de champs de texte personnalisables et d'interfaces de sélection spécialisées qui s'intègrent directement dans les boîtes de dialogue d'alerte système. Le framework se distingue en injectant des contrôleurs de vue externes dans des conteneurs d'alerte, permettant l'utilisation d'interfaces complexes telles que des cartes et des sélecteurs de date. Il inclut également des outils d'intégration spécialisés pour intégrer des interfaces de sélection pour les photos, les contacts et les emplacements directement depuis l'application de messagerie Telegram. L'ensemble d'outils couvre un large éventail de fonctionnalités de sélection, y compris les navigateurs de bibliothèque de photos, les sélecteurs de couleur et les sélecteurs de contact. Il prend en charge en outre la collecte des paramètres régionaux via des sélecteurs dédiés pour les pays, les codes téléphoniques et les devises, tout en offrant un rendu de texte attribué pour l'affichage de contenu stylisé.
Integrates customizable text fields into a popup controller for user data entry.
XLForm est une bibliothèque d'interface utilisateur déclarative et un framework pour générer des formulaires iOS synchronisés (table-view) à partir de définitions structurées. Il fournit une boîte à outils pour créer des écrans de saisie de données mobiles en Swift et Objective-C, permettant aux développeurs de créer des interfaces basées sur des sections et des lignes déclaratives. Le framework propose une synchronisation dynamique de l'interface et une logique conditionnelle pour gérer la visibilité des lignes et les restrictions d'édition. Il prend en charge la création de sections multivaluées dynamiques où les utilisateurs peuvent insérer, supprimer ou réorganiser des lignes à l'exécution. La bibliothèque inclut une variété de composants de saisie interactifs tels que des sélecteurs de date et d'heure, des listes de sélection, des champs de texte et des bascules booléennes. Elle fournit également des utilitaires pour la validation des entrées via des frameworks basés sur des règles et des outils pour extraire les entrées utilisateur dans des dictionnaires structurés pour la transmission de données. La bibliothèque prend en charge l'extensibilité via des mappages de types de lignes personnalisés pour afficher du contenu spécialisé dans les cellules de tableau.
Provides customizable text entry rows with support for specific keyboard types and security settings.
LoginCritter est un composant d'interface utilisateur d'avatar interactif et un visualiseur de saisie en temps réel pour les formulaires web. Il fonctionne comme un élément de formulaire gamifié qui anime les mouvements et le regard d'un personnage en réponse au focus sur le champ de texte et à l'activité de frappe de l'utilisateur. Le composant mappe les positions du curseur et le nombre de caractères vers des transformations fluides de l'avatar et des rotations de la tête. Il gère les transitions d'état émotionnel en changeant les humeurs et expressions visuelles basées sur des déclencheurs textuels spécifiques et le volume de saisie. Le système utilise une boucle d'animation pilotée par les événements pour synchroniser l'état du personnage avec les événements de saisie du DOM. Cela fournit un retour visuel non verbal et des animations interactives qui reflètent les propriétés actuelles d'un élément de saisie de texte HTML actif.
Implements an interactive avatar that visualizes typing activity and input volume through real-time animations.
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.
Provides user-editable text fields supporting placeholder text and disabled states.
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 single-line text entry field for capturing short strings of alphanumeric data from a user.
XUI est un framework d'interface utilisateur Android natif et une bibliothèque de composants conçue pour construire des interfaces d'application. Il fournit une suite complète de layouts natifs, de champs de saisie et d'éléments de navigation, supportés par un système de gestion de thèmes à plusieurs niveaux pour définir des attributs visuels globaux et des styles responsifs. Le framework se distingue par un ensemble spécialisé de vues personnalisées et de toolkits d'interaction, incluant des calendriers haute performance, le rendu de visualisation de données et une variété de boutons stylisés avec des minuteurs intégrés et des effets visuels. Il inclut également des capacités de traitement multimédia intégrées telles que le scan de codes-barres et QR, la génération de QR personnalisés et une interface de recadrage d'image. Le projet couvre une large surface de capacités UI et UX, incluant divers composants de saisie de données, des primitives de fenêtres flottantes et un large éventail d'indicateurs de feedback comme les snackbars et les jauges de progression. Il fournit en outre le templating de layout, la configuration typographique et des systèmes d'animation pour gérer les transitions de vues et le feedback interactif.
Offers text input fields with integrated buttons to quickly delete all entered content.
Ce projet est un catalogue technique et une référence de style mobile multiplateforme utilisée pour construire des interfaces utilisateur mobiles. Il sert de catalogue de propriétés UI mobile et de guide de traduction qui mappe les concepts de style web standard vers la notation d'objet JavaScript requise par les frameworks mobiles. La référence fournit des conseils spécifiques sur la mise en page flexbox mobile pour organiser les éléments et contrôler l'alignement. Elle traduit également les concepts CSS en notation compatible mobile pour faciliter la migration du style web vers les environnements mobiles. La documentation couvre un large éventail de capacités de style visuel, y compris la typographie, les configurations de bordures et les effets d'ombre portée. Elle inclut également des spécifications pour la gestion de l'affichage des images, les transformations géométriques des éléments et la configuration du comportement de saisie de texte.
Configures text input behaviors, including keyboard types and character limits, for mobile data entry.
Ce projet est un modèle administratif basé sur React et un kit UI conçu pour construire des tableaux de bord. Il fournit une collection complète de mises en page pré-stylisées, une bibliothèque de composants accessible et un framework UI basé sur Sass pour créer des interfaces administratives. Le modèle est spécifiquement structuré comme un projet optimisé pour l'IA, utilisant des modèles de codage et une organisation conçus pour aider les assistants IA à générer du code React cohérent et prêt pour la production. Il dispose d'un système de style flexible utilisant des variables Sass et des propriétés personnalisées CSS pour prendre en charge des thèmes clairs et sombres personnalisables. Le kit couvre un large éventail de capacités d'interface, y compris des widgets de visualisation de données, des tableaux interactifs avec tri et pagination, et des éléments de formulaire complexes comme des assistants multi-étapes. Il inclut des systèmes de navigation de haut niveau tels que des barres latérales et des fils d'ariane, ainsi que des composants structurels comme des grilles réactives, des boîtes de dialogue modales et des interfaces de calendrier accessibles.
Renders styled form fields for capturing user text with configurable focus states.
Cursive est une boîte à outils d'interface utilisateur de terminal multiplateforme et un framework pour construire des applications interactives en Rust. Il fournit un système modulaire pour créer des interfaces graphiques basées sur du texte, utilisant un moteur dédié pour gérer la boucle d'affichage principale et les hiérarchies de vues. La boîte à outils dispose d'une couche d'abstraction agnostique du backend pour garantir un rendu et une gestion des entrées cohérents sur différents systèmes d'exploitation. Elle se distingue par un moteur de thème basé sur une palette qui prend en charge le chargement de thèmes au moment de l'exécution et le rendu en couleurs réelles (true color), ainsi que la capacité de générer des hiérarchies d'interface utilisateur directement à partir de fichiers de configuration. Le framework couvre un large éventail de capacités, notamment la gestion de mise en page complexe avec des panneaux divisés et des onglets, et une variété de composants interactifs tels que des boîtes de dialogue modales, des indicateurs de progression et des listes sélectionnables. Il prend en charge le rendu de contenu riche pour les images et la coloration syntaxique, et emploie un système de routage d'événements à cycle de focus pour gérer la navigation au clavier et les rappels globaux. La gestion de l'état est traitée via des mises à jour d'interface utilisateur asynchrones et un accès basé sur des identifiants, permettant aux développeurs de modifier dynamiquement des vues spécifiques à partir de tâches en arrière-plan.
Implements editable text fields for capturing single-line and multi-line string input from the user.
Platform est un framework pour construire des applications de back-office et des tableaux de bord administratifs en utilisant Laravel. Il fonctionne comme un framework d'interface utilisateur piloté par schéma et un générateur CRUD qui construit automatiquement des interfaces de gestion de base de données, des formulaires de saisie et des règles de validation à partir de définitions de modèles programmatiques. Le projet se distingue par un kit d'interface utilisateur backend complet qui prend en charge la capture de données avancée, y compris le mappage de coordonnées géographiques, les matrices de données JSON tabulaires et le suivi des métadonnées marketing. Il dispose d'un système robuste de contrôle d'accès basé sur les rôles pour gérer la visibilité des ressources et la protection des routes, parallèlement à une implémentation de recherche plein texte globale qui indexe les données à travers plusieurs modèles. La plateforme couvre un large éventail de capacités, y compris le chargement de données asynchrone, les systèmes de notification multicanaux et une bibliothèque de composants de formulaire spécialisés pour la gestion de texte riche et de fichiers. Elle fournit également des outils pour la visualisation de données via l'agrégation de modèles et la création de graphiques, ainsi que des utilitaires pour le rafraîchissement partiel de page afin de simuler une expérience d'application monopage. Les options d'intégration permettent la connexion de contrôleurs existants et de templates hérités pour faciliter une migration progressive des fonctionnalités vers le framework.
Provides text input fields for numbers, emails, and passwords that use input masking to enforce specific formats.
vue-strap est un framework UI et une bibliothèque de composants proposant une collection d'éléments d'interface thématisés basés sur Bootstrap pour les applications Vue.js. Il sert de kit de composants Bootstrap faisant le pont entre le style d'un framework CSS et une architecture de composants JavaScript réactive. La bibliothèque implémente une large gamme de blocs fonctionnels, incluant des barres de navigation, des menus déroulants et des primitives de mise en page comme des panneaux accordéon et des onglets. Elle inclut un ensemble étendu de champs de formulaire avec sélecteurs de date, saisie semi-automatique et gestion intégrée de l'état de validation. Les fonctionnalités supplémentaires couvrent le feedback utilisateur et les superpositions via des boîtes de dialogue modales, des popovers informatifs, des indicateurs de chargement et des alertes colorées. Le framework fournit également des outils pour le design de mise en page responsive et les flux de saisie de données interactifs.
Provides UI components for single-line text entry, masked passwords, and multi-line text areas.
JDA est un wrapper Java pour l'API Discord, fournissant un framework pour construire des agents automatisés et intégrer des applications avec la plateforme de chat. Il fonctionne à la fois comme un client API REST pour gérer les entités de serveur et comme un client gateway qui maintient des connexions WebSocket persistantes pour des mises à jour d'état en temps réel. La bibliothèque propose un module API vocal complet pour gérer le streaming audio, la connectivité aux canaux vocaux et l'intégration de soundboard. Elle inclut également une boîte à outils spécialisée pour le design d'UI interactif, permettant la création de commandes slash, boutons, menus de sélection et formulaires de saisie modaux. Globalement, le projet couvre la modération communautaire via la gestion automatisée des règles, l'administration de serveur via la configuration des canaux et des rôles, et la gestion du trafic en utilisant le sharding pour distribuer les charges d'événements. Il fournit également des utilitaires pour la création de contenu multimédia riche et la récupération détaillée des profils de membres.
Defines single-line and multi-line text entry fields for user input within modal dialogs.
JDA est une bibliothèque Java qui sert de wrapper API Discord, de framework de bot et de client API vocal. Elle permet aux applications d'interagir avec l'API REST Discord et la gateway en temps réel pour construire des assistants automatisés, gérer des serveurs et traiter les interactions utilisateur. Le projet inclut un gestionnaire de sharding pour distribuer les connexions gateway à travers plusieurs shards pour scaler les déploiements à haut volume. Il fournit également une bibliothèque de composants UI pour construire des boutons interactifs, des menus de sélection et des formulaires modaux au sein des messages. Ses capacités couvrent la gestion de la voix et de l'audio, incluant le streaming audio et la lecture de soundboard. La bibliothèque inclut également des outils pour la gestion communautaire, l'administration de serveur et la modération de contenu automatisée via des déclencheurs basés sur des règles. Le système implémente une variété de patterns architecturaux, incluant un registre d'écouteurs piloté par événements, un cache mémoire configurable et une gestion automatique des limites de débit pour les requêtes API.
Provides text entry fields within modal interfaces for users to provide written information.
This project is a collection of implementation patterns and source code examples for building desktop applications using various Python interface libraries. It provides reference implementations and architectural patterns for multiple frameworks, including PyQt, PySide, Tkinter, Kivy, and Streamlit. The repository distinguishes itself by offering specialized examples for diverse interface types, ranging from professional desktop software and native windows to reactive web-based data dashboards and data science tools. It includes specific reference material for cross-platform UI patterns, such
Implements standard single-line text fields supporting clipboard operations and text selection.
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 fields for entering and editing single-line or multi-line text within forms and dialogs.