DEV Community

Cover image for Floating Label Experiment
Jon Lehman
Jon Lehman

Posted on

Floating Label Experiment

I put together this quick floating label experiment to see if there was an opportunity to improve upon many of the floating label patterns out there.

In the experiment I wanted to see if there was a way to emphasize the input label a bit more, especially when focused. Below is what I came up with. feel free to fork/remix the codepen and improve upon it as needed.

Or, if you'd like check it out on dribbble!

I figure this likely isn't an incredibly original direction but just wanted to share the experiment!

This experiment was originally posted on my personal site/block here.

Top comments (1)

nightdvlpr profile image
Amir Rahimi

Great job!