motion-lexicon

Introduce or remove an element with opacity for low-distraction state changes.

Accepts files through drag, picker, and paste with clear intake feedback.

Preserves spatial continuity as filtered results rearrange.

Scales nearby destinations with restrained spring response to pointer distance.

Creates a refractive glass surface for focused controls or media while preserving legibility.

Lets one image gain focus while neighboring media yields.

Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.

Bends a grid or media surface around input and returns it smoothly.

Hides and restores a toolbar in response to scroll direction.

Protects high-risk actions with cancellable touch, pointer, and keyboard progress.

Show cancellable progress during hold-to-confirm interactions to reduce mistakes.

Reinforce interactivity on pointer hover while keeping layout stable.

Previews a destination without leaving place, with keyboard and touch pinning support.

Carries recommendations, custom instructions, and explicit confirmation before an agent acts.

Use subtle breathing or floating motion for available, waiting, or active states.

Generates and retires restrained image fragments along pointer or drag paths.

Handles read, edit, save, error, and commit states inside shared geometry.

Places pending, error, and success states next to the input.

Explains system relationships through nodes, routed links, and moving signals.

Moves work across columns while responding through destination, count, and surrounding cards.

Compose multi-stage keyframes, interpolation, stepped motion, and fill behavior.

Changes display-heading spacing, weight, and tension through pointer or keyboard input.

Reorders and reveals brand marks in a kinetic queue that yields to user selection.

Draw icons, paths, or explanatory connectors with stroke offset animation.

Keeps pending, success, and error feedback inside one action.

Compare loop direction, count, pauses, and rhythm while controlling distraction.

Lets a primary action lean toward a nearby pointer and settle cleanly on release.

Continuously scroll overflowing content and pause it on hover or focus.

Keeps native drag inertia, deliberate snap positions, and keyboard navigation across media cards.

Browses a complete visual feature through chapters, focus galleries, and scroll-led storytelling.

Keeps highlight, panel, and focus movement in one continuous navigation path.

Presents KPI, direction, and comparison period as one readable update.

Presents mobile actions and detail in a draggable, focus-managed bottom sheet.

Handles focus, backdrop, exit, and async confirmation as one flow.

Create continuous transformation between before and after layouts of a shared element.

Moves task ownership, artifacts, and the next responsible agent along one continuous relay.

Maintains step direction, validation, pending state, and saved progress in a short flow.

Maps global connections across a 3D globe with nodes, arcs, and selectable focus.

Expands transient notices into a readable, actionable grouped history.

Show changing values with tabular figures and stable vertical digit movement.

Turns setup tasks into a product surface with progress and next-step clarity.

Organizes account setup, file import, and completion checklist into a successful first-workspace path.

Move a decorative node slowly around a center for low-frequency status displays.

Expand or scale from the trigger point to preserve spatial continuity.

Coordinates typing, paste, error, and success feedback.

Preserve continuity across page or view changes with a safe fallback.

Preserves route origin and destination meaning through layered page depth.

Move foreground and background at restrained relative speeds to create depth.