Moves
Each move is a clip and one markdown file: when to use it, the snippet, the notes and the sound cue. Agents can filter the same list in index.json.
Featured
Marquee along path
tiles ride one SVG path forever at an even gap, turned with the curve, rolling z-index, 8 percent of the path per second; one element along the path is an option
Mask rise
a line of type enters from under an invisible edge; the mask box is tall enough for descenders
Tracking collapse
a title or wordmark arrives: letters converge from wide tracking while the word sharpens
Caret typing
a command, a prompt, a name typed in; the caret moves with each character then becomes the next element
Per-letter stagger
a word lands letter by letter, 45 ms apart, on one exact curve
Scale punch
the hero word hits from 1.4x and recoils on the overshoot curve; a full stop pops after it
Split-flap resolve
a name or number is decided: each letter is a tile that flips through seeded glyphs on a hinge and locks left to right
Word swap slot
one word in a held sentence rolls through 3 or 4 values and lands; the sentence reflows its width
Blur word cascade
copy resolves word by word from blur with a slight rise; no mask, so nothing cuts a descender
Text as mask
the type is a window onto a rich picture: the frame opens tight on image, pulls back to the title, and the layers keep moving inside the fixed letters
Outline fill
one hero word arrives as an outline, letter by letter, then an accent floods each letter from its baseline on the beat
Strikethrough replace
an old word or price is struck through by a tilted line drawn left to right, it dims and shrinks, and the new value rises in beside it character by character
Grid stagger wave
a title arrives with many things around it: a grid of tiles enters in a wave by distance from the title, 70 ms per tile, each tile pushed out from the source on a spring
Text scramble decode
a name or codename is revealed as a lookup: a mono line of seeded wrong glyphs locks left to right, each fresh letter flashes accent, then a verified line appears under it
Ticker takeover
a line with a cycling word is replaced by the answer: the word rolls through three values, then the hero crashes in on a long slide and its edge pushes the whole text group out of the frame
Anchor cycle
one phrase stays pinned while a tape beside it is hard-cut through eight words, slow then fast, and holds on the last; a brand lockup then drops in under the still anchor
Lower third
a person is on screen: an accent rule grows, a plate wipes open, the name rises from a mask and the role follows, then the card leaves faster than it came
Liquid displace
a title arrives bent by moving water and settles to sharp type: an SVG turbulence map drives a displacement that drains to zero by 1.15 s, then the type holds still and readable
Echo trail
one element flies in and stops on a beat: five time-offset copies of it trail with falling opacity, then fold into the lead on the hit frame while it squashes and recoils
Caption karaoke
a spoken line runs as captions: the word being said lifts to full ink and one soft pill glides word to word on a [[t, wordIndex]] speech table
Caption editorial
editorial captions: one or two key words per line in a contrasting italic serif, and the next caption replaces the last on a short line-by-line mask cut
Variable weight wave
one hero word arrives as a wave: weight and width of a variable face crest letter by letter, left to right, then settle at a firm weight
Text on path
a line of words rides an SVG path with startOffset set from the seek time, front word first, and settles readable on the curve
Vertical cut reveal
a line arrives hard-edged: every character, word or line rises from under its own clip edge, staggered from the first, last, middle or any item on the motion library's spring (port of fancy)
Letter swap
a word or label rolls letter by letter: each letter slides out of its clip box and the same letter slides in; forward or pingpong, stagger or seeded random order (port of fancy)
Letter 3D swap
a lowercase line turns over as boxes: each character is a cube that rolls 90 degrees about its centre to the same character on the next face (port of fancy)
Cut on motion
a moving shape carries the eye across a hard cut into a new scene
Push with directional blur
a panel pushes in with a directional blur that follows its speed, set per frame
Exits faster than entrances
the pair every beat needs: arrive fast and land soft, leave faster and shorter
Chain beats
beats overlap: the next starts at 65% of the last and one element hands off (dot, bar, rule); use once per film
Whip pan
the next shot is to the side: a fast sideways pan with a blur that follows its speed hides the seam
Match cut
one shape crosses a scene change at the same place, size and angle and changes meaning (spinner ring, finished ring)
Iris wipe
a circle closes on the click or mark the eye is on and uncovers the next scene
Stack cover
the next panel slides over the last one: the old shot moves a quarter as far and dims, a shadow grows with the overlap
Split reveal
the frame opens like doors onto the next shot: two halves part, the gap starts dark and lights as they clear
Slice shift
horizontal bands slide off in alternation, staggered with seeded jitter and speed blur, and uncover the next shot
Type fill transition
a word scales into one letter until its stem is the whole frame; that colour is the next shot's ground
Colour block wipe
a solid brand-colour block sweeps across the cut with a slanted, blurred leading edge; a darker block trails it and the next shot sits behind
Zoom through
the camera dives into a UI part until it fills the frame and the next shot comes out of it, with real zoom blur from stacked exposures
Speed ramp freeze
a beat needs weight before a change: story time is an integral of a speed curve, so the ball, its squash and the camera slow to a sharp near-hold on the hit frame, then snap on at 3.5x with blur
Speed ramp
both sides of a cut move the same way: the outgoing accelerates into the cut and the incoming leaves it at the same speed and slows, so the cut lands at peak speed
Liquid wipe
a gooey organic edge floods the frame onto the next shot: bars with round heads fuse through a goo filter into a wet edge, and an accent band leads the next shot
Grid tile flip
a wall of tiles flips in a wave to the next shot: one perspective for the grid, each tile lifts toward the camera and darkens edge-on, shot A on the front and shot B on the back
Luma matte dissolve
the next shot arrives through its own brightness: an SVG luminance matte with a falling threshold shows its bright areas first, then midtones, and its dark ground last
Smear stretch
an elastic cut: shot A's content stretches into streaks on an ease-in, the cut lands at the peak, and shot B snaps back from the streak on an under-damped spring, thinning and bulging like rubber
Shape morph wipe
the next shot grows out of a shape on screen: the mask is born as a dot, grows as a circle, then widens and squares off into a rounded card and past the frame
Spin transition
a 90 degree camera roll carries the cut: A rolls to 45 degrees speeding up, B rolls in from -45 and lands soft, scaled to always cover the frame, with rotational blur from 16 stacked exposures
Swipe continues
a card is swiped left and the next scene arrives from the right at the same speed: one belt, the finger lets go at the peak, 40 percent of the travel on the throw and 60 on the brake, 8 stacked exposures for the blur
Drop and land
an action in scene A lands in scene B: the product tile lifts, falls under gravity out of the card into the cart while one camera tilt brings the cart up and stops before the landing, then squashes and settles on a spring
Spin rotation
a loading spinner hands over to the loaded screen: the arc's leading edge sweeps a wedge that uncovers the next screen, the camera rolls 14 degrees with the turn and settles tilted, and the ring flies to the header as its mark
Counter dive
a title is entered through one letter: the camera pushes in log space into the counter of an "o" cut out of the title, scene B is already inside it as a miniature, and it fills the frame with no cut
Thumbnail grid
the scene shrinks into a thumbnail in a grid that is the next scene: one pull back in log space about the middle cell, nine frame-sized cells in the world, radius from square to the look's step, then the title and a selection ring
Light leak transition
two shots meet through warmth: three generated warm layers swell over a dark UI on their own clocks, the cut lands on the peak, and the new shot climbs out as they fall faster; no image asset
Type match cut
one word grows in shot A and holds its place while the frame cuts around it; in shot B the same node is part of a new line
Cursor spotlight
a click opens the next screen: the cursor tip grows a soft circle (a radial mask, not a blur) that shows shot B inside it while shot A stays outside until the circle covers the frame
Toggle horizon
a setting switches the world: the toggle track stretches past both frame edges and thins to the horizon line of the next scene, and shot A opens away from the line, up and down
Progress timeline
a bar ends and the result opens in an editor: the fill runs past its end, stands up into the scrubber of a timeline and reveals it while it keeps the fill's speed
Avatar world
a person or brand is the way in: a round vector avatar grows until its circle covers the frame and its art is the ground of the next scene
Glow record
an alert becomes a live state: a badge's red floods the frame in 0.35 s on a screen blend with over-exposure, then gathers into the red dot of a recording light
Highlight sweep
a highlight sweeps across a key word, keeps going off the line and grows into the next panel's background; the edge never stops at the word, and the word flips to dark ink at the edge
Shadow handoff
a card lifts, its blurred shadow stretches down and right and darkens into the night scene's ground colour, then the card leaves faster than it lifted
Word portal
a typed word grows until one stem is the whole frame and the next scene shows through the letterforms (an SVG text clip over a fixed scene B), on a log-path zoom
Underline road
the underline of a headline extends, bends down and becomes the route on a simple map, with the camera trailing the head at its speed and stopping at the map's end
Caret door
the blinking caret grows tall, then opens as a two-frame-wide door that turns about it under perspective; the next screen is on the door's face
Word colour sweep
the accent runs word by word in reading order and stays on the target word
Weight morph
one word gets heavier on a real variable-font axis; the glyphs reshape, nothing is scaled
Marker highlight
a highlighter bar wipes behind one phrase and the text flips dark for contrast
Underline draw
a line draws under the key word, left to right, fast in and slow out
Bracket callout
corner brackets fly in and snap onto a word or a UI part with a small overshoot
Spotlight dim
the frame dims around one target: a hole closes from the full frame onto it and its shadow is the dim
Hand drawn notes
a person's margin notes: a loose circle round one word, an arrow from a written label and an underline, drawn on with stroke-dashoffset and a seeded wobble
UI focus zoom
zoom onto one part of a captured UI: the cursor lands, then one translate and one scale put the part in the middle
Caret follow
the camera trails the typing caret on a soft spring, so a long line stays readable at close range
Pull back reveal
open tight on a detail and pull back to the whole; scale runs on a log path so the speed reads even
Parallax dive
the camera flies forward through layers at real depths: near layers rush past, the far ground barely moves; also one camera move on ground, mid and front layers by depth (parallax())
Exposure flash
a cut on a screen film reads as over-exposure: 3 frames of white, the swap inside the peak, the new shot starts at 2x brightness and settles in 0.15 s; at most 3 flashes a second
Lens
a screen filmed as a real object: tilt, depth, bloom, LED grid, fringes, done as lens work and never faked with CSS layers
Camera moves
a whole world as one wrapper: push toward a subject (the ground scales less so the layers separate), pull, whip between worlds (camera()); the camera holds still by default
Depth resolve
far words small and soft resolve as the camera arrives; a focus pull (focus())
Scale through
fly into a plain element and its colour is the next world, in Web Animations only
Direction wipe
a mask edge moves the way the last move went and reveals the next beat
Arrival spring
EASE.nudge on one arrival in three, EASE.pop on the one that matters (nudgeEvery)
Rack focus
focus moves from one depth layer to another: near melts, far resolves, pinpoint lights swell into discs; use once per film
Drift hold
the line holds still while only the ground drifts, so a held frame never sits dead
Gradient mesh field
a title sits on a living ground: four soft colour pools drift on seeded paths in one fragment shader, with grain against banding; the copy keeps 4.5:1
Pan stations
several steps or features as one continuous place: the camera pans between stations on one wide canvas and holds at each, a rail and a parallax dot grid carrying the space between them
Crash zoom
one detail hits on a beat: a 0.13 s ease-in slam to 2.6x with real zoom blur from 16 stacked exposures, a 5 percent overshoot and a short recoil
Logo sting
a short logo hit: the mark lands, one light band crosses it, the word opens from behind it, a slow push runs to the last frame; use once per film
Wordmark cascade
the name is the last beat: letters fall onto a rail with shrinking gaps, the full stop lands last, an accent bar runs the rail; use once per film
Mark trace
a line mark draws itself with a riding tip, thickens to its final weight, then an accent bar runs the finished mark; use once per film
Shape trace morph
a brand mark is built like a shape layer: an outline draws on, fills as it closes, then morphs into the real mark on one spring; both paths keep the same command count; use once per film
Calm lockup
the quiet ending: logo and line settle slowly while two lights drift behind and the lockup floats; use once per film
CTA pop
the call to action pops in under its line on the overshoot curve, the one accent, and the arrow leans to invite the click
Thanks sweep
a closing line sweeps in on a soft mask edge with an accent bar riding the edge, then drifts; use once per film
UI strip away
the last beat hands the product to the brand: the UI leaves layer by layer, top layer first, while the sidebar mark travels to the middle and becomes the lockup
Logo wall
the proof beat before the call to action: three lanes of hairline cells with invented logos slide in from alternate sides on a stagger, blurred to their speed, and keep drifting after they land
CTA morph press
the close moves from brand to action: one plate changes shape into a button on one spring, a cursor arrives on a bowed path and presses, and the button shows a confirmed state
Clip expand from a point
a panel or capture grows out of one point the eye is already on
Cursor click
a cursor travels a bowed path to a control, the control lights and dips on the press, the label rolls to its result, the cursor leaves
Count up
a number is the proof: each digit is a wheel that rolls to its value with speed blur, then a delta chip and a sparkline
Card assemble
a UI card builds: the shell lands, then each part arrives from the side of its slot, the accent action last
Notification pop
a banner drops in on the overshoot curve, icon then text, holds a second and leaves faster than it came
Chart build
gridlines draw, bars rise in sequence, the newest bar turns accent and its value tag pops on it
Before and after wipe
the claim is a change: one card in two states, and a scan line carries the after state (accent, real numbers) over the grey before on the iris curve
Skeleton reveal
grey blocks in the shape of the content shimmer under one moving light, then each region resolves into real content, 200 ms apart; use once per film
AI stream response
a typed prompt is sent up into the thread, a status line shines, then the answer streams in 1 to 3 word chunks with a caret on the newest chunk
Overwhelm collapse
the problem turns to the fix: 26 cards, chips and notifications flood the frame on a shrinking gap, then a fast cubic-in collapse pulls them into one point and one clean element opens
Success check
a button resolves into a drawn check: the press dips, the width closes to a circle, the check draws on one dash, the circle lands on a small spring and one ring leaves it
Integration hub
the "works with your tools" beat: invented tool logos fly in on curved paths and land on a ring around the product mark, then every wire draws in the same frames and pulses ride into the hub
Device tilt stage
the product as an object: the UI on a CSS 3D laptop that rises from a steep top-down angle, turns and settles on a spring, the glass reflection sliding with the lid's angle
Command palette summon
the keyboard-first beat: the app dims, a Cmd+K palette drops in on a spring, a query types, non-matching rows collapse to zero height, Enter presses the chosen row and the palette leaves fast
Gooey filter
a tab, pill or panel must melt into the next: shapes that touch merge into one soft outline through the SVG gooey filter (blur 15, alpha matrix 19 and -9), the active tab box slides on a critically damped spring and the page swaps in 0.2 s
Agent progress
an AI agent works through steps: a card springs in, an arc turns beside a status line that swaps states, and numbered rows flip to checks one by one, ending mid-list
Panel live sync
an edit and its result in one frame: a cursor scrubs fields in a panel and the button on the page beside it rotates, rounds and grows in the same frames
Aurora drift
three soft bands of light hang from the top of the frame and fold slowly in one shader while the copy sits low; the light thins out above the type
Grain field
a quiet printed or filmic frame breathes: a slow tonal ground and film grain that turns over 24 times a second, seeded from the seek time, never from Math.random
Halftone field
a physical or retro frame gets a 45 degree dot screen whose dot size waves across the frame while every dot stays in its cell
Ink warp
a rich liquid ground for short large copy: marbled ink flows by domain warp in one shader, thinner behind the type
Dot grid wave
a clean product or data frame gets a plain SVG dot grid with one travelling wave of scale and brightness, weaker behind the copy
Light pool
a matte held frame gets one soft pool of light that wanders on a seeded path, plain CSS with no shader; the stillest ground of the group
Marquee along path
tiles ride one SVG path forever at an even gap, turned with the curve, rolling z-index, 8 percent of the path per second; one element along the path is an option
Simple marquee
three rows of tiles slide for a whole beat, left, right, left, each row four copies that wrap by one set width at 8 percent per second
Circling elements
eight upright tiles orbit one point on a 120 px radius, one linear turn in 10 s
CSS box
a 200 px cube of bold type turns to another face on a stiff overdamped spring (stiffness 100, damping 30, no overshoot) under perspective 600
Pixelate SVG filter
a photo breaks into square blocks that grow and shrink with one number, size = x / 30 through a convolve, tile and dilate SVG filter
Media between text
a picture grows from zero width inside a line of type on a 0.4 s critical spring and closes on a 0.3 s tween, the words part and wrap