How to create Material Design like form text fields with floating label and animated underline bar

This post shows how to implement Material Design like form text fields with floating label and expanding underline bar animation. There are many Material Component libraries you can use instead if you want a complete set of ready-made components. But this guide is for you if you want to implement Material Design by yourself.