React Interaction Patterns

A toolbar that follows a text selection and highlights ranges without touching the DOM.

A scrim whose blur ramps instead of switching on — stacked backdrop-filter layers at doubling radii with overlapping masks.

Sentinel-based pagination with the stall fixed — the bug where a short page leaves the sentinel on screen and loading stops.

An undo window that defers the action instead of reversing it, and pauses when you tab toward the button.

The error pattern that actually works with a screen reader: focus the summary, link to the fields, punish late.

A sheet on the native dialog element — no hand-rolled focus trap, and the three things the platform leaves you fixed.

A list of text rows, each hiding a photograph that wipes open under the cursor and follows it.

An endlessly pannable board that recycles a fixed set of tiles via modulo wrapping.

A carousel whose side cards recede in scale, blur and rotation from one offset value.

A list that dims and blurs every row except the one under the pointer.

Toasts collapsed into a depth-scaled deck that fans out on hover.

The pointer cuts a soft hole through one layer to expose a different one beneath.

A rail you can throw — it projects the momentum and settles on the nearest slide.

A row of panels where the hovered one grows and its neighbours compress.

An index list that floats a velocity-tilted preview card beside the pointer.

A card grid with a soft red spotlight that follows the cursor across it.

A draggable deck of cards you flick away to cycle through, Tinder-style.

A queue of toast notifications that stack, reflow, and auto-dismiss independently.

Cards that pin and stack on top of each other as you scroll past.

Cards mounted on a rotating 3D ring — the active one faces forward, others recede.

A drag-handle-driven list that reorders with a smooth layout swap.

A modal sheet you can drag down to dismiss, with a distance + velocity threshold.

A Cmd+K style searchable command menu with a filtered live list.

A dark code block with a one-click copy button that confirms itself.

A mini kanban board where cards drag both within and across columns.

An auto-advancing quote carousel with directional slide transitions.

A navbar that slides away on scroll-down and reappears on scroll-up.

A filterable FAQ list where each answer expands independently.