ai-stream-response

A readable AI summary lands first, followed by evidence rows that stream in and resolve into a completed state.

Styles: ai-stream-response

autolayout-gap-dial

A gap value dial pushes a row of blocks apart in real time while badge digits tick, then everything springs back into place.

Styles: autolayout-gap-dial

beat-cut-moves

Two hard-cut rhythms: an accelerating sequence with shrinking intervals, and a three-flash freeze montage.

Styles: beat-cut-accelerando, paparazzi-flash

beat-step-list-theme-cycle

An adjective list steps up one row per beat while a fixed center pill catches each word and the background recolors on the same beat.

Styles: beat-step-list-theme-cycle

before-after-slider-scrub

Before and after views share one frame while a fast-then-slow slider reveals the processed result.

Styles: before-after-slider-scrub

bottom-push-stack-wipe

Each new scene pushes up from the bottom edge with its own saturated background color, physically shoving the old scene out of frame.

Styles: bottom-push-stack-wipe

brand-frame-snap

A thick brand-color frame grows around the screen before content arrives, then hard-flips its color on the same frame the inner layout switches.

Styles: brand-frame-snap

brand-ink-open

Ink crosshairs draw in, the wordmark stamps letter by letter, a subtitle types on, then the lockup holds and lifts away.

Styles: brand-ink-open

bubble-swarm-takeover

Pearlescent bubbles drift in and swell until they cover the screen, hiding the scene switch at peak coverage before scattering to reveal the new page.

Styles: bubble-swarm-takeover

canvas-materialize-moves

Two materialize moves: table rows arc out of a panel and morph into canvas cards, and a typed prompt grows a cascading diagram tree.

Styles: panel-to-canvas, diagram-cascade

card-flip-reveal

Feature cards rotate 180 degrees around the Y axis, flash at the edge, and reveal a large result on the back.

Styles: card-flip-reveal

card-flock-tumble

Three UI cards tumble in 3D from edge-on to a stepped formation, keep slowly rotating, then collapse inward and burst into a smoke ring under a giant word.

Styles: card-flock-tumble

cel-flash-stomp

Large words stamp into frame on the beat while flat background colors flash behind the locked typography.

Styles: cel-flash-stomp

chart-live-moves

Three data-driven motions: a live oscilloscope trace, dots regrouping into a figure, and an axis forced to rescale.

Styles: oscilloscope-stream, unit-dot-swarm-regroup, axis-rescale-shock

circle-match-iris

An iris expands from a circular UI element and lands on a matching circle in the next scene.

Styles: circle-match-iris

cloner-depth-echo

A card duplicates into a diagonal depth trail, holds briefly, then accelerates back into one springy original.

Styles: cloner-depth-echo

collab-cursor-moves

Two cursor performances: a duet of collaborator cursors dancing in a dark scene, and a five-cursor ensemble drifting and typing as ambience.

Styles: dialogue-duet, cast-ensemble

color-block-step-wipe

A color block swallows the screen in three to five discrete hard steps — either expanding from a center strip or eating diagonally from a corner.

Styles: color-block-step-wipe

command-palette-summon

The screen dims and blurs as a command palette drops in, populates results, and narrows while the query is typed.

Styles: command-palette-summon

crane-rise-reveal

The camera starts tight on one data row, rises and pulls back, then reveals a full dashboard filling the frame.

Styles: crane-rise-reveal

crash-zoom-punch

A six-frame push races from a wide view to a target close-up, ending with either an elastic overshoot or a heavy impact stop.

Styles: crash-zoom-punch

dataviz-landscape-open

Streams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward.

Styles: dataviz-landscape-open

deck-deal-flyin

A physical card stack opens the scene, then cards accelerate into a live grid as the camera follows the growing page.

Styles: deck-deal-flyin

depth-layer-moves

Two depth techniques: layered parallax rails and a simulated dolly zoom that pins the subject while the background expands.

Styles: multiplane, dolly-zoom

draw-svg-trace

An ink stroke traces an element outline, closes with a dark flash, and hands focus to the revealed content.

Styles: draw-svg-trace

edit-hook-moves

An editorial hook: a short logo-button stinger that interrupts the ending with a 12-frame easter egg.

Styles: logo-sting-button

element-body-moves

Two ways to give interface elements physicality: elastic axial stretch and a contact shadow that separates during lift.

Styles: axial-stretch, contact-shadow-lift

fui-hud-moves

Two FUI patterns: a line unfolding into a panel, and a reticle assembling itself around a target.

Styles: line-unfold-panel, reticle-lock-on

gauge-readout-moves

Two instrument reads: a full-range needle self-test and a moving scale that races beneath a fixed pointer.

Styles: needle-sweep-selftest, tape-scroll-fixed-pointer

glow-flyline-moves

Three dark-scene accents: ambient glow orbs, connecting flight arcs, and a synchronized orb-to-line relay.

Styles: glow-orb-ambient, flyline-arc, orb-flyline-relay

gradient-word-sweep

A gradient light sweeps left to right across a keyword, charging each character with glow that decays behind the wavefront until the whole word breathes.

Styles: gradient-word-sweep

graze-face-tour

The camera skims low across the UI surface like terrain while page text hovers above the interface and settles down as the shot advances.

Styles: graze-face-tour

hashtag-to-pill-materialize

A typed "#word" hard-cuts into a wide pill tag, holds, shrinks into its slot on the page, then hard-cuts again to reveal the finished view.

Styles: hashtag-to-pill-materialize

hires-rasterize-3d-text

Keep text crisp in 3D perspective by rasterizing at high resolution and scaling the layout instead of enlarging a low-resolution texture.

Styles: hires-rasterize-3d-text

icon-field-colorize

A grid of grayscale icons staggers in to fill the screen, holds a beat, then brand-color bands ripple down and light the whole field at once.

Styles: icon-field-colorize

icon-performance-moves

Two icon performances: an explosive confirmation burst and an escalating attention bounce that compresses on landing.

Styles: pop-burst-confirm, attention-bounce

impact-feedback

Two impact layers: a combo counter with damage feedback, and a full anime-style impact frame.

Styles: hit-counter, anime-impact

input-trigger-moves

Two input triggers: a performing cursor, and a key strike used as a hard-cut fuse.

Styles: cursor-performance, keycap-smash-cut

integration-hub-map

A page flips 180 degrees into an integration hub where five app icons pop in together and rainbow light tubes connect with pulses flowing through them.

Styles: integration-hub-map

letterspace-materialize

Every letter of a widely tracked wordmark draws itself in parallel, growing like handwriting and finishing together on the same frame.

Styles: letterspace-materialize

light-play-moves

Three controlled light effects: spotlight sweep, single sheen pass, and a halation bloom at impact.

Styles: spotlight-sweep, sheen-sweep, halation-bloom

line-boil

Typography and outlines subtly redraw every few frames so a held image retains a handmade, living texture.

Styles: line-boil

line-carry-transition

A progress line exits scene A, guides the camera sideways, then turns corners to become the frame of scene B.

Styles: line-carry-transition

list-stack-press

List cards fly up from below, compress the growing stack on every landing, and advance a synchronized counter.

Styles: list-stack-press

magician-card-flourish

A blue starburst flashes on black for a third of a second, then a card shoots out of the flash, spinning along an arc toward camera before freezing near full frame.

Styles: magician-card-flourish

marker-underline-title

After the headline settles, a marker stroke draws itself under the keyword — tapered, rough-edged, and slightly tilted to follow the italic.

Styles: marker-underline-title

montage-rhythm-moves

Three montage rhythms: blackout anticipation and slam, a three-shot detail burst, and a domino cascade of entrances.

Styles: drop-blackout-slam, wright-triple-cut, domino-cascade

morph-from-primitive

A circle anticipates with one breath, morphs into a rounded card outline, then reveals its content.

Styles: morph-from-primitive

neon-frame-forerun

A neon frame races ahead to outline the scene in steep perspective while components drop from above and the page brightens as they land.

Styles: neon-frame-forerun

neon-frame-orbit-drop

After a neon frame draws itself, the camera arcs left to right while every page component drops from the air and lands on the same frame.

Styles: neon-frame-orbit-drop

neon-triple-marquee

Three rows of outlined neon giants scroll in opposite directions across the full screen, lighting up in turn on a one-third phase offset.

Styles: neon-triple-marquee

odometer-digit-roll

A full-screen metric rolls each digit like an odometer, overshoots into place, and pulses when every column locks.

Styles: odometer-digit-roll

outro-group-photo-launch

Elements from the film assemble around the wordmark as a crane settle, stage light, and gold dust create a launch-event finale.

Styles: outro-group-photo-launch

overhead-camera-moves

Two overhead reveals: a tilted scene leveling into view, and a tabletop layout dropping sharply into place.

Styles: tilt-reveal, overhead-tabletop-drop

page-turn-transitions

Two full-page transitions: adjacent faces rotating like a cube, and an old page splitting open like double doors.

Styles: cube-rotate, barn-door-split

page-waterfall-wall

Real page captures flow at different speeds across a tilted 3D wall, creating an endless field of content.

Styles: page-waterfall-wall

panel-grid-moves

Three grid rhythms: a flashing mosaic takeover, a collective flip-and-reflow, and an angled comic-panel split.

Styles: grid-flash-mosaic, flip-grid-reflow, comic-panel-split

paper-craft-moves

Two paper gestures: masking tape slapping a floating card down, and cards rising from the page like a pop-up book.

Styles: masking-tape-slap, popup-book-rise

paper-plane-messenger

After Send is clicked the camera pulls back and a folded paper plane flies a bezier arc through parallax props to land at the receiving window.

Styles: paper-plane-messenger

paper-title-card

A sentence stamps onto paper word by word, highlights one amber italic term, and closes with a short rule.

Styles: paper-title-card

particle-celebrate-hits

Two celebration accents: crossing confetti cannons and sparks emitted when a counter passes a milestone.

Styles: confetti-crossfire, counter-tick-sparks

particle-sand-fill

Chart columns form from falling square particles, solidify when full, and finish with a value pop.

Styles: particle-sand-fill

pill-slot-cycle

A fixed sentence keeps its trailing pill slot spinning like a slot machine through feature words until the final word locks the sentence.

Styles: pill-slot-cycle

print-texture-transitions

A print-based reveal: ink bleeding outward from a drop point to consume the old scene.

Styles: ink-bleed-reveal

rhythm-interrupt-moves

Two ways to break cadence: stepped punch-in jump cuts, and strobing black frames.

Styles: jump-cut-punch-in, strobe-black-frames

riso-print-hits

Two risograph impacts: a single misregistered color split that snaps into alignment, and a beat-driven series that grows stronger.

Styles: misregistration-hit, beat-pump

row-embed

Content rows descend with perspective, flatten into the page, and flash a thin amber seam at the moment of insertion.

Styles: row-embed

runway-ground-skim

From a low runway angle, UI cards rain down in overlapping fast drops with zero bounce, then the finished page tilts upright to camera.

Styles: runway-ground-skim

sakuga-timing-shift

Movement begins in stepped, held drawings and suddenly switches to frame-by-frame acceleration at the climax.

Styles: sakuga-timing-shift

scene-locked-title

A large title is anchored inside the page perspective so it shares the same vanishing point while the camera moves.

Styles: scene-locked-title

scroll-brake-moves

Two fast-scroll stops: a long page decelerating precisely onto a target, and the same stop paired with a locking reticle.

Styles: changelog-scroll-brake, brake-reticle-lock

segmented-thumb-hero

An oversized segmented control gets a close-up: a cursor slides in, presses, and the white thumb snaps to the other segment as icons swap with a spring.

Styles: segmented-thumb-hero

shot-transitions

Six handoff recipes for matching scene energy: flash cut, dark fly-through, focus relay, black title card, whip pan, and mask wipe.

Styles: flash-cut, shot-transitions-4, shot-transitions-5, shot-transitions-6, whip-pan, mask-wipe

skeleton-reveal

Content develops in three stages — wobbling doodle placeholders, gray skeleton bars, then rows resolving into avatars and word-by-word text.

Styles: skeleton-reveal

slam-entrance-moves

Three high-energy arrivals: a perspective snap, a score drop, and an impact burst that pushes nearby elements.

Styles: kanada-perspective-snap, score-slam, impact-burst-kit

smear-multiples

A fast-moving card leaves four countable translucent copies that collapse back into the original at the landing.

Styles: smear-multiples

space-camera-moves

Three spatial camera moves: exploded assembly, subject-locked rotation, and a drone-like dive to the landing point.

Styles: exploded-view, snorricam-lock, drone-dive-landing

spectrum-morph-ui

A title underline breaks into animated spectrum bars for two phrases, then gathers back into a clean line.

Styles: spectrum-morph-ui

speed-ramp-freeze

Two nonlinear timing tools: a fast-slow-fast speed ramp and a freeze used for on-screen annotation before motion resumes.

Styles: speed-ramp, freeze-annotate

split-flap-title

Characters flip through two incorrect glyphs before locking into the title in a left-to-right mechanical wave.

Styles: split-flap-title

spotlight-hero-card

A spotlight selects one card, the camera pushes diagonally, the card lifts for two outline passes, then returns to the page.

Styles: spotlight-hero-card

spotlight-sweep-moves

Three dark-scene spotlight moves: a wake-sleep sweep, an edge-glow pan with purple bleed, and a radial reveal expanding from a corner.

Styles: spotlight-sweep-moves

steep-tilt-glide

A page stands at a steep 60-degree perspective and glides across a fixed camera with speed ghosting while text settles onto the surface mid-flight.

Styles: steep-tilt-glide

stroke-segment-build

Disconnected title strokes illuminate in a scrambled order and become readable only when the final segments snap into place.

Styles: stroke-segment-build

tear-streak-transitions

A high-energy tear: horizontal glitch strips whose displacement hides the hard cut.

Styles: glitch-displace

tension-camera-moves

Four emotional camera tools: frozen orbit, Dutch roll correction, slow pressure push, and an isolating pull-back.

Styles: bullet-time-freeze-orbit, dutch-roll-to-level, slow-push-in, pull-back-isolation

text-as-mask

Product footage moves inside oversized title letters before the type expands until the footage takes over the frame.

Styles: text-as-mask

text-column-converge

Two words pinned at opposite screen edges hard-swap through options, then slide together exactly once to lock into the final phrase.

Styles: text-column-converge

theme-switch-moves

Two theme-change patterns: a diagonal sweep that recolors content in place, and a command-palette ripple with a clear cause and effect.

Styles: theme-sweep-toggle, palette-theme-ripple

timeline-travel

The camera accelerates along a horizontal version timeline, raises cards at each stop, then brakes sharply on the final milestone.

Styles: timeline-travel

title-demote-to-label

A centered headline stands for a beat, then shrinks and slides to the top-left corner to become a section label as content grows beneath it.

Styles: title-demote-to-label

trailer-grammar-moves

Three trailer structures: a rapid opening hook, alternating title cards and footage, and a direct smash cut into stillness.

Styles: trailer-bumper, card-footage-cadence, smash-cut

transition-hidden-cut

Three ways to conceal the edit: foreground occlusion, opposing impacts, and a brief amber light leak at the cut.

Styles: invisible-cut, versus-slam, light-leak-burn

transition-travel

Two passage transitions: shared-element relocation, and a push through the counter of a letterform.

Styles: shared-element-morph, letterform-zoom

type-and-filter

A real interface types a search, collapses the grid to one result, then clicks through into the detail view.

Styles: type-and-filter

type-assembly-moves

Four typography assemblies: split-letter rise, drifting convergence, tracking expansion, and text flowing along a path.

Styles: split-text-stagger, drift-assembly, tracking-expand, text-on-path

type-entrance-moves

Two title entrances: characters decoding from noise and letters falling under gravity before bouncing into alignment.

Styles: scramble-decode, letter-drop-physics

type-rhythm-sync

Two voice-and-beat synchronizations: font weight pulsing on percussion and spoken words filling like karaoke.

Styles: font-weight-pump, karaoke-fill-sync

typewriter-moves

Two typing narratives: a terminal command that triggers the scene and a three-act mistake, deletion, and retype.

Styles: terminal-typewriter, error-retype

ui-strip-away-outro

After Publish is clicked the editor UI evaporates layer by layer from the edges inward, leaving one button to slide center, grow, and hand off to the wordmark.

Styles: ui-strip-away-outro

ui-to-brand-morph

Two UI-to-brand morphs: an icon flips flat and blooms into a logo mark, and an input field contracts into a capsule as glyphs assemble the logo.

Styles: icon-flip-bloom, input-morph-assemble

voice-waveform-live

A recording capsule shows 64 live bars that surge with speech, shrink to a dotted line in pauses, and collapse on submit.

Styles: voice-waveform-live

wall-reveal-moves

Three in-place wall reveals: sequential bento lights, a wave of grid flips, and a wireframe drawing itself into a finished interface.

Styles: bento-light-up, grid-wave-flip, wireframe-draw-on

document-typewriter-reveal

A fully typeset document writes itself behind one accent-color caret, opens both side columns, and drops history entries into the rail.

Styles: document-typewriter-reveal

wipe-transitions

Two geometric wipes: a radial clock sweep and twelve staggered vertical blinds.

Styles: clock-wipe, blinds-slice

word-relay-filmstrip

A filmstrip of page cards steps vertically while a serif word relay swaps only its verb, each swap aligned to the center of the current card.

Styles: word-relay-filmstrip

Shot Recipes & Motion Samples