⚠️ Mobile is not supported yet.
Search for a command to run...
Copy-paste React micro-interactions: a headless hook plus a styled example in one self-contained file, with motion as the only dependency.
height auto, done correctly.
Placeholder resolves into the photo.
Folds to its title, or lets go entirely.
Results reorder as you type.
Opens from the pointer, not the corner.
Copy to tick, width locked, reverts after 2s.
Side panel that keeps its place.
Active highlight travels between items.
Icon to field with focus handled.
Filtering rearranges, it does not blink.
The label makes room instead of disappearing.
Toolbar yields to the content.
A guard rail in front of destructive actions.
Play/pause, menu/close as one mechanism.
Error message that does not shove the form.
Zoom that returns where it started.
Optimistic like that survives rapid taps.
The system's ongoing work, worn as a small object.
Label to state without layout shift.
Sentinel that loads before you hit the end.
Stops when you look at it.
Intent confirmed by time, and cancelled by everything else.
Backdrop, scroll lock, focus trap.
New content without stealing your scroll.
Auto advance, paste, error recovery.
The window moves, the row does not.
Strength read segment by segment.
The winner lands last.
Knows its origin, flips on collision.
Join and leave as a layout change.
The feeling that the press landed.
Indeterminate handing over to determinate.
How much is left.
The gap the siblings open is the drop target.
Touch feedback from the pointer origin.
The section you are actually in.
Thumb slides, label inverts through it.
Height animates, text does not reflow.
Skeleton to content with zero layout shift.
Stops you can feel.
Momentum that lands on a slide.
Rows travel to their new order.
Condenses as you go down.
Token by token with a caret.
A stack you decide through.
One indicator shared across tabs.
Enter adds, backspace highlights then removes.
The system narrates its work.