Animated input fields: floating labels, OTP and search

Text fields with better feedback: a label that floats up and shrinks, a line that grows from the centre, a gradient border on focus, a search box that expands, a password field with an eye, a character counter with bar, live validation, a placeholder that types itself, a tag input, a 6-digit OTP code, a quantity selector, a price range and a travel search.

They are designed for sign-up forms, checkouts and settings pages. Adjust colours and sizes live, copy the code and connect them to your own validation.