awesome-repositories.com
Blog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 dépôts

Awesome GitHub RepositoriesValidation Feedback Styles

Visualizes field validity using color-coded styles and helper text based on accessibility attributes.

Distinct from Input Validation Utilities: Distinct from Input Validation Utilities: focuses on the visual feedback layer rather than the validation logic itself.

Explore 5 awesome GitHub repositories matching user interface & experience · Validation Feedback Styles. Refine with filters or upvote what's useful.

Awesome Validation Feedback Styles GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • material-components/material-components-webAvatar de material-components

    material-components/material-components-web

    17,071Voir sur GitHub↗

    This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

    Provides visual styling and field validity states based on standard validation attributes to give user feedback.

    TypeScript
    Voir sur GitHub↗17,071
  • picocss/picoAvatar de picocss

    picocss/pico

    16,342Voir sur GitHub↗

    Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

    Visualizes field validity using color-coded styles and helper text.

    CSScsscss-frameworkdark-mode
    Voir sur GitHub↗16,342
  • skyscanner/skyfloatinglabeltextfieldAvatar de Skyscanner

    Skyscanner/SkyFloatingLabelTextField

    4,129Voir sur GitHub↗

    SkyFloatingLabelTextField est un composant d'interface utilisateur iOS réutilisable pour les applications Swift. Il implémente un contrôle de saisie de texte présentant le modèle d'étiquette flottante, où les étiquettes passent d'une position de texte fictif (placeholder) à un titre flottant lorsque le champ est mis au point ou rempli. Le composant inclut une prise en charge intégrée pour les mises en page de langue de droite à gauche, ajustant automatiquement la direction du texte et la mise en page pour une lisibilité correcte. Il fournit également une iconographie intégrée, permettant aux images ou aux icônes basées sur des polices d'être positionnées dans le champ de texte. Le système couvre la messagerie et le style de validation des entrées, permettant l'affichage de messages d'erreur et la modification des couleurs et des limites de mise en page pour s'aligner sur un système de conception spécifique.

    Provides visual cues and helper text to notify users when text input fails validation rules.

    Swift
    Voir sur GitHub↗4,129
  • json-schema-form/angular-schema-formAvatar de json-schema-form

    json-schema-form/angular-schema-form

    2,456Voir sur GitHub↗

    Angular schema form is a framework directive and form component library that automatically generates and validates interactive HTML form controls from standard JSON schemas and companion layout configurations. It translates structured data definitions into customizable user input interfaces, parsing data types and custom rules into native form controls and reusable HTML markup templates. The project provides capabilities for dynamic field management, allowing form elements to show or hide conditionally by evaluating expressions against current model and scope state, and supporting dynamic arr

    Shows success or error visual feedback states directly within input components.

    JavaScriptangularangular-schema-formjson-schema
    Voir sur GitHub↗2,456
  • thedersen/backbone.validationAvatar de thedersen

    thedersen/backbone.validation

    1,300Voir sur GitHub↗

    Backbone.validation est une bibliothèque JavaScript conçue pour imposer l'intégrité des données au sein des modèles Backbone.js. Elle fournit un framework pour définir des schémas de validation déclaratifs qui interceptent les changements d'attributs, garantissant que les données répondent aux exigences métier spécifiées avant d'être validées dans le modèle. La bibliothèque se distingue en couplant étroitement la validation au niveau du modèle avec les composants de l'interface utilisateur. Elle dispose d'un système de liaison piloté par les événements qui surveille les états du modèle et déclenche automatiquement les mises à jour de l'interface, fournissant un retour en temps réel à mesure que les utilisateurs interagissent avec les formulaires. Cette approche permet une validation immédiate des champs de saisie sans nécessiter une soumission complète du formulaire. Le framework inclut un registre centralisé pour les modèles de validation réutilisables, permettant aux développeurs de définir et de partager des règles métier complexes à travers une application entière. Il prend en charge une personnalisation étendue du rapport d'erreurs, incluant la possibilité de remplacer les messages par défaut, de formater les étiquettes pour la lisibilité humaine et de définir des callbacks spécifiques pour gérer la façon dont les états de validation apparaissent ou disparaissent dans l'interface utilisateur. Au-delà du retour UI automatisé, la bibliothèque fournit des outils pour l'exécution de validation manuelle, permettant aux développeurs de vérifier par programmation des attributs spécifiques ou des modèles entiers à tout moment. Le système est construit sur une architecture modulaire qui prend en charge l'enregistrement de fonctions de validation personnalisées et d'expressions régulières pour répondre à divers besoins d'intégrité des données.

    Allows overriding default error messages and interface callbacks for custom validation feedback.

    JavaScript
    Voir sur GitHub↗1,300
  1. Home
  2. User Interface & Experience
  3. Input Validation Utilities
  4. Validation Feedback Styles