Animated UI interactions and microinteractions

A distance-falloff avatar group lift with bouncy hover return

A transitions.dev-inspired notification badge pop with elastic scale and count reveal

A camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat.

A transitions.dev-inspired card resize primitive that expands a compact card into a detail panel

Moves attention between two side-by-side cards as one recedes with scale, blur, and dimming while the other advances to full focus.

A contact circle taps a mobile pill button, releases it into a new labeled accent state, and lifts away.

An icon morphs between authored state silhouettes, shifts to an accent color, and marks completion with one restrained pulse.

A scale-and-blur icon swap primitive for toolbar and action state changes

A transitions.dev-inspired input feedback primitive with shake, clear affordance, and success state

A transitions.dev-inspired hamburger and plus-menu morph primitive for compact action menus

A transitions.dev-inspired pack of badge, dropdown, modal, tabs, tooltip, and success-check micro transitions

A small card expands into a full panel, shared-element style: both layouts measured once at mount, the container morphs by transform only (never width/height tweens) while keyed children counter-scale and re-flow onto their own measured targets as pure functions of time.

Labeled collaborator cursors with token-derived colors and soft glows drift from spread positions into a shared center zone, proving live multiplayer presence.

1 to 5 token notification cards slide-settle into a vertical stack on cues, newest on top; one card grows slightly and brightens as the focus while the rest dim by position.

A transitions.dev-inspired digit pop-in with blur, lift, and staggered value reveal

A slotted traveler follows an authored path with tangent rotation, curved entry, and curved exit.

A composed onboarding flow with milestone rail, active step card, and next-action button

A deliberately oversized macOS-style pointer that enters off-screen, travels to a target, clicks to ignite a visible response, then exits

A panel reveal primitive with height expansion and content fade

A cursor decel-arrives from off-stage, lands slightly off-center on a caller-positioned target, compresses with it in lockstep, releases with ink ripple rings, then exits off-stage while the pressed state holds.

A mobile list pulls through nonlinear rubber-band resistance, arms at a threshold, commits to a bounded loading indicator, then snaps exactly back to rest.

Machine-vision read of a slotted subject: translucent accent segmentation masks flood on in quantized scanline steps, each region gets a thin bracket and mono label chip, a deterministic 2-frame HUD flicker rides the pass, then the labeled read settles clean.

A composed settings flow with preference rows, toggle switches, and active-state feedback

A bottom sheet rushes up from below the frame on a real spring sampled frame by frame from reference footage, overshooting its resting place and settling back without an approximated ease

A composed signup flow with social action, email field, password field, and submit button

A lightweight cursor pointer and click pulse for product walkthroughs and agent UI demos

A skeleton loader transition that pulses, then cross-fades into content

A card with a scripted cursor spotlight and lit border.

A rail of mono status chips advances a seek-safe data-state snap machine on a cue schedule: active chip ink on surface, done chips dim, pending chips hollow, optional badges pop beside one state.

A success check primitive with ring pop, path draw, and subtle rotate blur

A pill indicator transition that slides between active tabs

Quiet mono debug-HUD readouts frame a slotted subject: corner brackets draw on, label:value lines tick their values on cues, one readout emphasized in accent. The subject never moves; the HUD breathes zero.

A transitions.dev-inspired tilt card primitive with depth layers and hover-style parallax

An oversized UI toggle switch that flips with real physicality: thumb overshoot, track color crossfade, and a soft press-compress before release. The reference prop of the ui-props family.

A translucent contact-circle gesture actor for mobile UI scenes: it touches the glass, causes a same-frame response, and lifts. Tap or swipe, picked by variable.

A prompt line types itself in chunked human cadence behind a deterministic blinking caret, with optional backspace-and-retype correction of the final word.