5 dépôts
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 est un composant d'interface utilisateur iOS réutilisable pour les applications Swift. Il implémente un contrôle de saisie de texte présentant le modèle d'étiquette flottante, où les étiquettes passent d'une position de texte fictif (placeholder) à un titre flottant lorsque le champ est mis au point ou rempli. Le composant inclut une prise en charge intégrée pour les mises en page de langue de droite à gauche, ajustant automatiquement la direction du texte et la mise en page pour une lisibilité correcte. Il fournit également une iconographie intégrée, permettant aux images ou aux icônes basées sur des polices d'être positionnées dans le champ de texte. Le système couvre la messagerie et le style de validation des entrées, permettant l'affichage de messages d'erreur et la modification des couleurs et des limites de mise en page pour s'aligner sur un système de conception spécifique.
Implements labels that transition from a placeholder position to a floating title when the field is focused or populated.