What the Frontend? Open the interactive gallery →
Hover & Micro-interactions

Icon animation

Icons that animate on hover — morphing, rotating, bouncing, or switching state.

What you're seeing

A send arrow that flies off. A checkmark that draws itself. A menu icon that becomes an X.

Where you'll see it

Navigation, buttons, social links.

Difficulty

Low — 2/5

Libraries that build it

MotionGSAPLottie

From the toolbox

RiveInteractive vector animation with a real runtime — state machines make illustrations respond to you, not just play at you.

Ready to prompt — paste this into your AI coding tool

"Use Motion animate to morph icon path data on hover, or rotate/scale with spring physics, duration 0.3s"

Related Hover & Micro-interactions effects

Elastic buttonHover image previewLink underline drawButton morphImage distortion on hoverTooltip animation
See the animated preview in the dictionary →