DEV Community

Cover image for Floating Label Experiment
Jon Lehman
Jon Lehman

Posted on

2 1

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)

Collapse
 
nightdvlpr profile image
Amir Rahimi

Great job!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay