Button morph
A button that changes shape, content, or form on interaction — morphing between states.
What you're seeing
A "Submit" button that transforms into a loading spinner, then a checkmark.
Where you'll see it
Form submissions, async actions, multi-step CTAs.
Difficulty
Low — 2/5
Libraries that build it
MotionGSAPCSS
Ready to prompt — paste this into your AI coding tool
"Animate button between states using Motion layout, morph width/border-radius for loading state, swap content with crossfade"