Features
Creating interactions like these in Framer is quite simple.
I achieved this button animation by using a component where I designed a variant for the default state of the button and one for the hover state.
After setting up all the variants, I just had to connect them with "mouse enter" and "mouse leave" interactions. Simple as that!
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Try recreating it for practice, or copy and paste it to your project.
