5 repository-uri
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.
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.
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.
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.
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.
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.