awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 个仓库

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

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • twbs/bootstraptwbs 的头像

    twbs/bootstrap

    174,380在 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
    在 GitHub 上查看↗174,380
  • coreui/coreui-free-bootstrap-admin-templatecoreui 的头像

    coreui/coreui-free-bootstrap-admin-template

    12,220在 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
    在 GitHub 上查看↗12,220
  • primefaces/primereactprimefaces 的头像

    primefaces/primereact

    8,323在 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
    在 GitHub 上查看↗8,323
  • jverdi/jvfloatlabeledtextfieldjverdi 的头像

    jverdi/JVFloatLabeledTextField

    7,150在 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
    在 GitHub 上查看↗7,150
  • skyscanner/skyfloatinglabeltextfieldSkyscanner 的头像

    Skyscanner/SkyFloatingLabelTextField

    4,129在 GitHub 上查看↗

    SkyFloatingLabelTextField 是一个用于 Swift 应用程序的可重用 iOS UI 组件。它实现了浮动标签模式的文本输入控件,当字段获得焦点或被填充时,标签会从占位符位置过渡到浮动标题位置。 该组件内置了对从右到左 (RTL) 语言布局的支持,可自动调整文本方向和布局以确保可读性。它还提供了集成的图标功能,允许将图像或基于字体的图标放置在文本字段内。 该系统涵盖了输入验证消息和样式设置,支持显示错误消息,并能修改颜色和布局边界以符合特定的设计系统。

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

    Swift
    在 GitHub 上查看↗4,129
  1. Home
  2. User Interface & Experience
  3. Form Components
  4. Floating Labels

探索子标签

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