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

assemble-then-type-flyin

Textless component shells fly in from every direction onto an empty dark grid, then every character arrives from 3D space with its own large rotation and settles into position.

Styles: assemble-then-type-flyin

aurora-bloom-bg-flip

A soft purple-orange aurora blob rises from the bottom of a light frame, then the whole background slams dark in under half a second while the copy blur-swaps to a new line.

Styles: aurora-bloom-bg-flip

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

avatar-bracket-carousel

A four-corner focus bracket stays locked mid-sentence while a vertical queue of avatars springs through it three times, each one sharpening and growing as it enters the frame and shrinking, dimming and blurring as it leaves.

Styles: avatar-bracket-carousel

avatar-grid-radial-build-colorize

A card grid grows ring by ring from the center — tiles holding initials, icons, or image placeholders — then about fifteen percent of them flush red at random moments to surface anomalies.

Styles: avatar-grid-radial-build-colorize

basic-3d-scene

Impress-style spatial slides: cards sit at scattered 3D poses and the camera flies to align with each one by inverting its transform, ending on a pulled-back overview where every card lights up.

Styles: basic-3d-scene

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

bezier-source-converge-merge

Four source nodes each draw a thin bezier curve toward one convergence point, then slide along their own curve and shrink as if swallowed, while accent data packets glide the paths and the curves erase backward.

Styles: bezier-source-converge-merge

blur-slide

Title words rise into place one after another as vertical offset, blur, and opacity converge on a single shared ease, with the subtitle following before the title settles.

Styles: blur-slide

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

brace-expand

A tight pair of braces appears at center, then springs apart and scales up to title size, revealing the text through a clip width bound strictly to the brace gap.

Styles: brace-expand

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

card-stack

Eight cards spring up from below the frame one after another and pile into a single stack, then the whole pile fans out into a 3D arc as each card rotates, slides sideways and steps back in depth.

Styles: card-stack

carousel-3d

Eight cards sit on a circular ring laid out with sin and cos, spinning through exactly one full revolution while each card billboards outward with matched front and back faces so it never reads as mirrored or upside down.

Styles: carousel-3d

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

chip-grid-single-select-blackout

Five option chips fade in, then a single grey press frame flashes before the chosen chip turns solid black with a tiny bounce while the others drop to eighteen percent without moving.

Styles: chip-grid-single-select-blackout

chip-lift-to-user-pill

One chip in a grid hard-cuts to inverted black, the rest fade out in distance order, and the black chip grows rightward into a pill that types out a name and links to a badge.

Styles: chip-lift-to-user-pill

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

countdown-arc-scatter

Numbers arranged tangentially along a large arc sweep past and brake to a stop, the winning digit sliding out of the dial to become the first character of the headline.

Styles: countdown-arc-scatter

counter-confetti

A large counter sprints up with ease-out-quart and an overshoot scale while 52 confetti pieces burst in from both sides on real gravity arcs — deliberately half a beat before the number lands.

Styles: counter-confetti

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

cube-navigation

Content panels wrap the six faces of a 3D cube while the camera alternates between face close-ups and pulled-back isometric views, each face shaded live by its normal direction.

Styles: cube-navigation

cursor-flyover

After an overview fade-in the camera flies to each of four screen corners in turn while an SVG cursor arrives with it, pointing and leaving a click ripple at every stop.

Styles: cursor-flyover

dashboard-glow-highlight-pill

A trading dashboard rises into frame with perspective and keeps drifting in 3D while a golden light blob roams across the panels, stretches into a pill, and draws a glowing outline around a modal.

Styles: dashboard-glow-highlight-pill

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

doc-park-left-pill-deal

The source document slides left until only a sliver remains and keeps scrolling slowly, while three outlined pills are dealt one at a time, each followed by a caption that darkens word by word.

Styles: doc-park-left-pill-deal

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

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

floating-glossy-label-pills

Four wireframe dashboard panels topped with glossy pills queue up horizontally and step right in three beats, the centered one scaling up sharp while its neighbours shrink, sink and blur at the frame edges.

Styles: floating-glossy-label-pills

flying-words

Keywords spawn deep in a perspective tunnel and rush past the camera along the z axis, fading in and out on a lifecycle curve across two seamless loops.

Styles: flying-words

fracture

Twenty-five 3D tiles fly in from scattered space and lock into a poster in a center-out ripple, hold for a beat, then accelerate outward off-screen in all directions.

Styles: fracture

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

glass-pill-dictation-typing

A fixed-width glass pill pops in slightly oversized and settles, glowing with an accent gradient inside that fades out as a placeholder sentence types across it.

Styles: glass-pill-dictation-typing

glitch-cycle

Status phrases cycle through one monospace slot, each dissolving into noise at both ends with RGB split and jitter, while a progress bar tracks the whole run.

Styles: glitch-cycle

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-transition

The background morphs smoothly through linear, radial, and conic CSS gradients — angle, color stops, center, and radius each interpolated per-parameter with narrow cross-fades between types.

Styles: gradient-transition

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

grain-dissolve

A clean line of text boils into displaced grain noise inside a hatched selection frame, then the particle cloud condenses into a larger glowing wordmark that locks sharp.

Styles: grain-dissolve

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

hatch-depth

Hatched placeholder bars wipe out to length one by one, then cross-fade into solid accent-colored data bars with values popping at their tips and a LIVE header sliding in.

Styles: hatch-depth

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-reveal

Menu rows scale into place one after another with a faint overshoot while the whole list drifts slowly upward, keeping the per-item entrance and the group motion on two independent layers.

Styles: list-reveal

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

logo-shrink-wordmark-lockup

A neon slit ring shrinks fast into a solid white O with an overshoot brake, slides left to make room, letters stagger in one by one, and an accent slogan fades in below.

Styles: logo-shrink-wordmark-lockup

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

mosaic-reframe

Twelve tiles morph continuously between a regular grid, a feature mosaic with one hero slot, and a rotated diagonal cascade, each tile interpolating position and size independently with a slight stagger.

Styles: mosaic-reframe

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

outline-word-fill

An outlined word snaps down from triple size while a dashed circle and horizontal guides close in, then the stroke flips to solid white in a single frame with one brief glow.

Styles: outline-word-fill

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

picker-carousel-feature-cycle

A vertical mobile-style picker holds its focus pill still while the list passes through it, each item decelerating hard into place and resting for several frames before the next.

Styles: picker-carousel-feature-cycle

pill-chip-slot-cycle-handled

A dark chip inside the sentence rolls through feature words, its width easing to each word so the surrounding text is pushed apart while grey ghost items show above and below.

Styles: pill-chip-slot-cycle-handled

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

product-card-progressive-assemble

A product card builds itself field by field as image, title and pills pop in, the old price gets struck through while an accent new price springs out, and highlighter blocks sweep across the copy.

Styles: product-card-progressive-assemble

quad-split-parallel-scenes

The frame hard-cuts into a 2×2 grid where four micro-scenes run in parallel — typing, a whip zoom, word pops, and a cursor interaction chain — with every beat offset by a few frames.

Styles: quad-split-parallel-scenes

radial-ripple-phone-chips

Four concentric grey circles breathe out of phase like water ripples while a centered phone mockup auto-scrolls its feed and two white feature chips spring in and hover.

Styles: radial-ripple-phone-chips

radial-wave

A 17x9 dot grid lights up in rings that spread outward from the center, each dot overshooting its scale before settling into a steady glow, then a brighter pulse collapses back inward from the edges.

Styles: radial-wave

research-card-stack-scroll

Dark paper cards drop into the center every twelve frames and pile along a downward-right axis, squashing on landing while only the topmost card renders its full text as the rest blur into the stack.

Styles: research-card-stack-scroll

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

scan-bracket-sweep

A skeleton document pops to center, black L-shaped framing brackets drop into its corners, and a thin line with a gradient trail sweeps up and down across it five times.

Styles: scan-bracket-sweep

scanline-annotate-focus

A bright scanline travels down the page and, as it clears each block, camera framing brackets snap inward onto that region and a monospace caption types out beside it.

Styles: scanline-annotate-focus

scanline-assemble-flyin

The page starts as an empty dark grid; a scanline descends and each component flies in from off-screen to snap into place behind it, with motion blur and a bright edge flash on landing.

Styles: scanline-assemble-flyin

scramble

Every character flickers through a seeded symbol pool two frames at a time, then locks to its real glyph left to right, each lock flashing a short blue-white glow.

Styles: scramble

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, 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: glow-wake-sleep-panel, slide-spotlight-pan, corner-spotlight-reveal

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

svg-shape-morph

A closed organic outline flows smoothly into a second shape and back again, interpolating 140 matched sample points while a faint scale breath, slow drift rotation and hue shift from cyan to violet ride on top.

Styles: svg-shape-morph

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

terminal-3d

Three terminal windows float at different poses in 3D space; the camera flies between them with a sine pull-back, and at each stop a command types out and its results slide in line by line.

Styles: terminal-3d

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

typing-code-block

The same syntax-highlighted snippet reveals two ways side by side: lines fade up on a stagger on the left, characters type out in full token color on the right.

Styles: typing-code-block

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

value-stagger-gradient

Sixteen bars rise in a staggered sweep where height, hue, travel distance and blur are each spread as a gradient across the row, then a second beat re-origins the stagger at the center so the pulse amplitude fans out symmetrically.

Styles: value-stagger-gradient

vertical-word-roll-blur-cycle

The closing word of a tagline rolls vertically through a three-line reel, neighbouring rows blurring into grey depth while the settled word takes the accent color.

Styles: vertical-word-roll-blur-cycle

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

white-flash-logo-simplify-cut

A liquid six-color gradient wordmark shimmers in place, the frame flash-burns to white with a blur-and-brightness pulse, and a flat gradient wordmark fades in and settles on the white.

Styles: white-flash-logo-simplify-cut

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

word-relay-geometry

Three benefit words hand off in turn, each with its own geometry — a spinning dashed circle, three interlocking circles that trim into view, and a metallic sheen that resolves to pure white.

Styles: word-relay-geometry

Shot Recipes & Motion Samples