Floating Input Lable With Wave Animation
A floating label design concept that moves labels to the top of the input fields with a wave animation when focused on.
JavaScript & CSS Label Input
Gmail Login Inspired Animated Placeholder In CSS
A pure CSS solution to create an animated placeholder and make it behave like a floating label above the input field when focused.
Create Bootstrap 4 Form Controls With Floating Labels
A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.
Pure CSS Floating Label Pattern For Bootstrap
A CSS extension for Bootstrap 3/4 that provide the Matt D Smith’s Floating Label Pattern on the input placeholders for better form interaction.
Pure JavaScript Float Label Pattern For Form Fields – float-labels.js
Just another JavaScript plugin for creating the float label pattern on form fields that support input field, textarea and even select elements.
Float Label Pattern Implemented In JavaScript – Floatl
A simple, dependency-free JavaScript plugin that lets you implement the familiar Float Label Pattern in form fields (input and textarea) to improve user experience.
CSS Only Floating Label For Form Fields
Yet another pure CSS implementation of the ‘Float Label pattern that floats the label up above the form field when the user starts entering a value.
Nice Animated Input Labels with Pure CSS
A pure CSS / CSS3 approach to building nice floating form labels using sibling selectors and pseudo classes.
Pure CSS Material Design Floating Input Placeholder
A pure CSS/CSS3 solution made by mildrenben to create Material design inspired text fields that transform placeholders into floating text labels.
Pure CSS Floating Labels For Input Fields
A pure CSS/CSS3 solution to create floating placeholder labels for input fields, which based on the concept from Matt D. Smith.