Tiny moments. Real product feel.

Interactions

Small response moments for copy states, empty states, command feedback, focus changes, and progressive disclosure.

20 interaction states

Browse interactions

Open any card for the preview, AI prompt, negative prompt, motion or design tokens, and SEO notes.

Interactions

Copy Confirmation

Confirm copy without interrupting the workflow.

Interactions

Undo Bar

Offer a short undo path after a destructive action.

Interactions

Optimistic Save

Show a local saved state before background sync settles.

Interactions

Inline Validation

Explain a form problem beside the field.

Interactions

Command Loading State

Keep a command surface useful while work runs.

Interactions

Drag Reorder Cue

Show where an item will land while dragging.

Interactions

Selection Count Bar

Reveal batch actions only when selection exists.

Interactions

Hover Intent Menu

Expose secondary actions after a deliberate hover.

Interactions

AI Thinking Dots

Indicate work without pretending to be magic.

Interactions

Streaming Text Reveal

Show generated text arriving in readable chunks.

Interactions

Inline Rename

Turn a label into an editable field in place.

Interactions

Multi-select Tokens

Turn chosen values into tidy removable chips.

Interactions

Permission Prompt

Ask for access with a compact, contextual panel.

Interactions

Background Task Toast

Report async completion without stealing focus.

Interactions

Keyboard Focus Jump

Move focus between command areas predictably.

Interactions

Filter Applied State

Make active filters visible without clutter.

Interactions

Error Recovery Row

Attach recovery action to the failed item.

Interactions

Inline Diff Reveal

Show before and after changes in place.

Interactions

Autosuggest List

Offer suggestions below a field with calm priority.

Interactions

Progressive Disclosure

Reveal advanced settings only when needed.