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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 repositorios

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

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

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

    coreui/coreui-free-bootstrap-admin-template

    12,220Ver en 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
    Ver en GitHub↗12,220
  • primefaces/primereactAvatar de primefaces

    primefaces/primereact

    8,323Ver en 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
    Ver en GitHub↗8,323
  • jverdi/jvfloatlabeledtextfieldAvatar de jverdi

    jverdi/JVFloatLabeledTextField

    7,150Ver en 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
    Ver en GitHub↗7,150
  • skyscanner/skyfloatinglabeltextfieldAvatar de Skyscanner

    Skyscanner/SkyFloatingLabelTextField

    4,129Ver en GitHub↗

    SkyFloatingLabelTextField es un componente de interfaz de usuario de iOS reutilizable para aplicaciones Swift. Implementa un control de entrada de texto que presenta el patrón de etiqueta flotante, donde las etiquetas transicionan de una posición de marcador de posición a un título flotante cuando el campo está enfocado o poblado. El componente incluye soporte integrado para diseños de idioma de derecha a izquierda, ajustando automáticamente la dirección del texto y el diseño para una legibilidad correcta. También proporciona iconografía integrada, permitiendo que imágenes o iconos basados en fuentes se posicionen dentro del campo de texto. El sistema cubre mensajes de validación de entrada y estilo, permitiendo la visualización de mensajes de error y la modificación de colores y límites de diseño para alinearse con un sistema de diseño específico.

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

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

Explorar subetiquetas

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