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 RepositoriesFloating Labels

Input labels that transition to a floating position upon user interaction.

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

Awesome Floating Labels 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.
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Voir sur GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Transitions input labels to a floating position upon user interaction to improve space efficiency and usability.

    MDXbootstrapcsscss-framework
    Voir sur GitHub↗174,380
  • coreui/coreui-free-bootstrap-admin-templateAvatar de coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Voir sur GitHub↗

    CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

    Wraps text inputs and labels so the label floats above the field when the user types.

    HTMLadminadmin-dashboardadmin-panel
    Voir sur GitHub↗12,220
  • primefaces/primereactAvatar de primefaces

    primefaces/primereact

    8,323Voir sur GitHub↗

    PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

    Implements input labels that dynamically shift position when a field gains focus or contains text.

    CSS
    Voir sur GitHub↗8,323
  • jverdi/jvfloatlabeledtextfieldAvatar de jverdi

    jverdi/JVFloatLabeledTextField

    7,150Voir sur GitHub↗

    JVFloatLabeledTextField is a reusable UIKit component for iOS that provides a text input field with a floating label. It animates the placeholder text into a hovering label when the field is focused or contains text, maintaining visual context for the user during data entry. This library functions as a programmable interface element for native applications developed with Swift and Objective-C, specifically designed to implement modern mobile form design patterns. The component manages these interactions through a combination of state-driven label transitions and constraint-based layout anima

    Implements input labels that transition to a floating position upon user interaction.

    Objective-C
    Voir sur GitHub↗7,150
  • 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.

    Implements labels that transition from a placeholder position to a floating title when the field is focused or populated.

    Swift
    Voir sur GitHub↗4,129
  1. Home
  2. User Interface & Experience
  3. Form Components
  4. Floating Labels

Explorer les sous-tags

  • Disabled State ControlsApplying a disabled state to floating label inputs, textareas, or selects that grays them out and prevents interaction. **Distinct from Floating Labels:** Distinct from Floating Labels: focuses on the disabled state behavior of floating label fields, not the floating label mechanism itself.
  • Grid Layout IntegrationPlacing floating label form elements inside grid column classes for responsive alignment. **Distinct from Floating Labels:** Distinct from Floating Labels: focuses on grid layout integration of floating labels, not the floating label behavior itself.
  • Readonly Display ModesSwitching a floating label input to a plaintext display mode that preserves layout without allowing editing. **Distinct from Floating Labels:** Distinct from Floating Labels: focuses on the readonly display mode of floating label fields, not the floating label mechanism itself.
  • Select Dropdown VariantsApplying floating label behavior to select dropdowns, which always show the label in its floated state. **Distinct from Floating Labels:** Distinct from Floating Labels: focuses on the specific behavior of floating labels on select dropdowns, which always remain floated.
  • Textarea VariantsApplying floating label behavior to textarea elements with custom height set via CSS. **Distinct from Floating Labels:** Distinct from Floating Labels: focuses on the specific behavior of floating labels on textareas with CSS-based height control.