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

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • twbs/bootstrapAvatar twbs

    twbs/bootstrap

    174,380Vezi pe 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
    Vezi pe GitHub↗174,380
  • coreui/coreui-free-bootstrap-admin-templateAvatar coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Vezi pe 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
    Vezi pe GitHub↗12,220
  • primefaces/primereactAvatar primefaces

    primefaces/primereact

    8,323Vezi pe 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
    Vezi pe GitHub↗8,323
  • jverdi/jvfloatlabeledtextfieldAvatar jverdi

    jverdi/JVFloatLabeledTextField

    7,150Vezi pe 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
    Vezi pe GitHub↗7,150
  • skyscanner/skyfloatinglabeltextfieldAvatar Skyscanner

    Skyscanner/SkyFloatingLabelTextField

    4,129Vezi pe GitHub↗

    SkyFloatingLabelTextField este o componentă de interfață utilizator iOS reutilizabilă pentru aplicațiile Swift. Implementează un control de input text care prezintă pattern-ul de etichetă plutitoare (floating label), unde etichetele fac tranziția de la o poziție de placeholder la un titlu plutitor atunci când câmpul este focalizat sau populat. Componenta include suport integrat pentru layout-uri de limbă de la dreapta la stânga, ajustând automat direcția textului și layout-ul pentru o lizibilitate corectă. De asemenea, oferă iconografie integrată, permițând poziționarea imaginilor sau a pictogramelor bazate pe font în interiorul câmpului text. Sistemul acoperă mesageria de validare a input-ului și stilizarea, permițând afișarea mesajelor de eroare și modificarea culorilor și a limitelor de layout pentru a se alinia cu un sistem de design specific.

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

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

Explorează sub-etichetele

  • 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.