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,380GitHub पर देखें↗

    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,220GitHub पर देखें↗

    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,323GitHub पर देखें↗

    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,150GitHub पर देखें↗

    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,129GitHub पर देखें↗

    SkyFloatingLabelTextField Swift एप्लिकेशन के लिए एक पुन: प्रयोज्य iOS उपयोगकर्ता इंटरफ़ेस घटक है। यह फ्लोटिंग लेबल पैटर्न की विशेषता वाला एक टेक्स्ट इनपुट नियंत्रण लागू करता है, जहां लेबल फ़ील्ड पर ध्यान केंद्रित होने या पॉप्युलेट होने पर प्लेसहोल्डर स्थिति से फ्लोटिंग शीर्षक में ट्रांज़िशन करते हैं। घटक में दाएं-से-बाएं भाषा लेआउट के लिए अंतर्निहित समर्थन शामिल है, जो सही पठनीयता के लिए स्वचालित रूप से टेक्स्ट दिशा और लेआउट को समायोजित करता है। यह एकीकृत आइकनोग्राफी भी प्रदान करता है, जिससे इमेज या फ़ॉन्ट-आधारित आइकन को टेक्स्ट फ़ील्ड के भीतर स्थित किया जा सकता है। सिस्टम इनपुट सत्यापन मैसेजिंग और स्टाइलिंग को कवर करता है, जो त्रुटि संदेशों के प्रदर्शन और एक विशिष्ट डिज़ाइन सिस्टम के साथ संरेखित करने के लिए रंगों और लेआउट बाउंड के संशोधन को सक्षम बनाता है।

    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.