Buttons Micro Interactions

Explore button micro interactions for confirmations, undo actions, copy feedback, loading states, and upload progress. Try each example and copy its implementation prompt.

Press

Denied action shake

Toggle reaction state

Workspace

Light appearance

Switch the preview theme

Swap state icon

Choose an option

Reveal secondary actions

Hold for 1.2s to confirm

Hold to confirm

Fluid action button

Copy feedback

Confirm reveal

Action slide-out

Roll reveal

Wall reveal

Slide-off reveal

Loading

State morph

Refresh spin

Sample is ready.

Undo countdown

Bounce dots

Dual ring

Bar wave

Count ramp

Fill sweep

Upload progress

Local demo · no uploads