Live Button Animations

Dark mode washes across the page from the switch

A slide-to-confirm pill: drag the knob to the end to pay, let go early and it springs home, finish and it turns into a check and the word Paid.

A button with real physical depth that you push down

A back button whose arrow leans left on hover while its label rolls up to name where you are going, then slides the screen away.

A border that sketches itself around the button on hover

An X close button whose strokes turn a quarter turn on hover, squeeze on press, and send the card away toward its corner.

Every state a real button has: hover, press, keyboard focus, loading at a locked width, done, disabled

A code chip whose copy button morphs to a check with a popping tooltip

A hover state that paints across the control behind a curved edge instead of a straight one.

An accent button with a breathing halo that intensifies on hover

A conic gradient beam revolves continuously around the button's edge

One icon twists away and another takes its place

A button that fills with rolling liquid from the bottom on hover

Save turns into a spinner, then into a drawn check

A button that leans toward your cursor like a magnet

Every click fires a deterministic radial burst of colored particles

A wave expanding from the exact point you clicked

An iOS-style control whose raised thumb springs between segments

One default action with a caret that opens the close alternatives beside it.

The label slides away and a new one takes its place

A streak of light crossing the button on hover

A CTA with rubber physics: hovers inflate it bigger and bigger until it pops into shards, drops a rubber scrap, and reinflates fresh