awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم 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

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • twbs/bootstrapالصورة الرمزية لـ twbs

    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-templateالصورة الرمزية لـ coreui

    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/primereactالصورة الرمزية لـ primefaces

    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/jvfloatlabeledtextfieldالصورة الرمزية لـ jverdi

    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/skyfloatinglabeltextfieldالصورة الرمزية لـ Skyscanner

    Skyscanner/SkyFloatingLabelTextField

    4,129عرض على GitHub↗

    SkyFloatingLabelTextField هو مكون واجهة مستخدم iOS قابل لإعادة الاستخدام لتطبيقات Swift. ينفذ عنصر تحكم إدخال نص يتميز بنمط التسمية العائمة، حيث تنتقل التسميات من موضع العنصر النائب إلى عنوان عائم عندما يتم التركيز على الحقل أو ملؤه. يتضمن المكون دعماً مدمجاً لتخطيطات اللغة من اليمين إلى اليسار، مما يضبط اتجاه النص والتخطيط تلقائياً للقراءة الصحيحة. كما يوفر أيقونات متكاملة، مما يسمح بوضع الصور أو الأيقونات القائمة على الخطوط داخل حقل النص. يغطي النظام رسائل التحقق من الإدخال والتصميم، مما يتيح عرض رسائل الخطأ وتعديل الألوان وحدود التخطيط لتتماشى مع نظام تصميم معين.

    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.