Cloneables

Input Label Animation

A unique input label animation for Webflow. When a user selects an input the label moves letter by letter above the input field. A unique way of adding animation to what would typically be a static input label. This uses some custom code to animate the…

waving-membership-signup.webflow.io
Input Label Animation live demo on a desktop screen
Input Label Animation live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The Input Label Animation is a creative and eye-catching feature for Webflow forms that adds an animated element to what would normally be a static input label. When a user selects an input field, the label will move letter by letter above the field in a visually striking way. This unique animation is sure to grab the attention of your website visitors and make your forms more engaging and interactive. The Input Label Animation feature uses custom code to animate the labels and CSS to style the valid inputs, and is classified under the categories of Form, Animation, and Interactions. It was created by Duncan Hamra and is a great way to add some flair and personality to your Webflow forms. Whether you're using it for a contact form, sign-up form, or any other type of input field, the Input Label Animation is a fun and effective way to spice up your forms and make them stand out.

Browse similar cloneables

More from Duncan Hamra

Profile →

Similar cloneables

All cloneables →