# Vawe
> Motion graphics without a motion designer. Vawe renders video from a text file, so you or an AI agent can write a film the way you write anything else, and re-render it the day the numbers change.

A Vawe film is one HTML page (CSS, Web Animations, SVG, canvas or three.js). The renderer seeks it frame by frame under a virtual clock and encodes an mp4. Source and the page contract: https://github.com/Vandit1604/vawe (AGENTS.md).

## Install and use (for agents)
- Full guide as one Markdown file: https://vawe.dev/ai-agents.md. Everything in one text file: https://vawe.dev/llms-full.txt.
- Install from source (no npm package, no hosted API, no account): `git clone https://github.com/Vandit1604/vawe.git && cd vawe && npm install && bin/vawe doctor`.
- Make a film: `bin/vawe new hello --request "<the ask>"`, then `bin/vawe dev films/hello/page.html` (draft), `bin/vawe critique films/hello/page.html` (in a fresh session), `bin/vawe ship films/hello/page.html` (final mp4 in out/).
- The page contract: one `films/<name>/page.html`, `<meta name="duration" content="seconds">`, time is the seek (CSS keyframes, Web Animations or `window.seek(t)`), no timers or unseeded random, relative assets, `<audio>` tags for sound. Read AGENTS.md in the repo first.

## Site
- [Home](https://vawe.dev/): Write a web page, get a film. Move clips rendered by vawe, how a page becomes a film, and questions.
- [features](https://vawe.dev/features): The decisions the engine makes for you: a virtual clock that refuses wall time, motion blur that follows the motion, and a loop that judges a film in a fresh session.
- [moves](https://vawe.dev/moves): Proven motion moves, each a 1 to 2 s clip and one markdown file an agent copies. Every move file is listed under Moves below.
- [determinism](https://vawe.dev/determinism): A page seeked, never played: the same page produces the same frames on every render, in any order. How Vawe makes that true and how it checks it.
- [ai-agents](https://vawe.dev/ai-agents): An agent writes the film as one HTML page, one command renders and checks it, and a fresh session judges the result.
- [remotion-alternatives](https://vawe.dev/remotion-alternatives): "Remotion alternative" returns two different products: a hosted JSON video API, or a self-hosted rendering engine. What Remotion's own license requires, what Vawe and HyperFrames give away free, and where a hosted API fits instead. Read 2026-09-19.
- [when-determinism-matters](https://vawe.dev/when-determinism-matters): Byte-identical rendering is a real property, not a universal one. When it decides which engine to pick, and when a human editing a timeline by eye makes it beside the point.
- [hyperframes-alternatives](https://vawe.dev/hyperframes-alternatives): HyperFrames is HeyGen's self-hosted, Apache-2.0, agent-facing rendering engine, the closest peer Vawe has. Both compose from HTML, timed and made deterministic in different ways. Read 2026-09-19.
- [launch-video](https://vawe.dev/launch-video): How Vawe builds a product launch video: real captured UI, not invented mockups, one message per beat, from the site's own palette and type.

## Docs
- [Introduction](https://vawe.dev/docs): Vawe is a framework for agent-native motion graphics. One HTML page in, one film out.
- [Aspect ratios](https://vawe.dev/docs/aspect-ratios): One page, five ratios. Lay out with CSS, never crop.
- [Audio](https://vawe.dev/docs/audio): Audio tags in the page, synth voices, and the offline mix.
- [Backgrounds and images](https://vawe.dev/docs/backgrounds-and-images): The ground is CSS, canvas or three.js. Real images come first, and every image gets a treatment.
- [Brand reflection](https://vawe.dev/docs/brand-reflection): Turn a real website into an on-brand film. Study the site and capture it before you write the page.
- [CLI](https://vawe.dev/docs/cli): Every bin/vawe verb and its flags.
- [Determinism](https://vawe.dev/docs/determinism): Why a frame is a function of the seek time, what the virtual clock owns, and how to check your page.
- [Motion](https://vawe.dev/docs/motion): Springs, keyframe tables, the motion rules, and the moves to copy.
- [Prompting](https://vawe.dev/docs/prompting): You do not write the page alone. You answer five questions and an agent writes the brief, the stills and the page.
- [Quality gates](https://vawe.dev/docs/quality-gates): The checks you can run by name, and the ones that advise.
- [Quickstart](https://vawe.dev/docs/quickstart): Install, write the starter page, and render a draft.
- [Reading your own film](https://vawe.dev/docs/reading-your-film): Checks read structure. They cannot see whether a film is good. These tools put the frames in front of you.
- [Recipes](https://vawe.dev/docs/recipes): Chains of built moves for common short films, with the beat table and the traps at each seam.
- [The page](https://vawe.dev/docs/the-page): The page contract. One HTML file, a duration, a seek, relative assets.
- [When it looks wrong](https://vawe.dev/docs/troubleshooting): Symptom to cause, for the failures that repeat. Most of them do not throw an error.

## Blog
- [Blog](https://vawe.dev/blog): Engineering notes from building vawe: what broke, what we measured and what we changed. Grouped by architecture, agent experience, taste, measurement and speed.
- [RSS feed](https://vawe.dev/blog/rss.xml): every post with its full text.

## Moves
Each move is one markdown file an agent copies: when to use it, the CSS and WAAPI snippet, the notes and the sound cue. The gallery with clips is https://vawe.dev/moves.
To filter: fetch https://vawe.dev/moves/index.json. Top-level groups, looks and jobs list the ids. Each move has group, look, jobs, use (the when line), clip, md and duration.
A human link filters the same way: https://vawe.dev/moves?group=end-a-film&look=paper&q=wipe (group, look and job take comma lists: OR within one, AND across).

- [Mask rise](https://vawe.dev/moves/mask-rise.md): a line of type enters from under an invisible edge; the mask box is tall enough for descenders
- [Tracking collapse](https://vawe.dev/moves/tracking-collapse.md): a title or wordmark arrives: letters converge from wide tracking while the word sharpens
- [Caret typing](https://vawe.dev/moves/caret-typing.md): a command, a prompt, a name typed in; the caret moves with each character then becomes the next element
- [Per-letter stagger](https://vawe.dev/moves/letter-stagger.md): a word lands letter by letter, 45 ms apart, on one exact curve
- [Scale punch](https://vawe.dev/moves/scale-punch.md): the hero word hits from 1.4x and recoils on the overshoot curve; a full stop pops after it
- [Split-flap resolve](https://vawe.dev/moves/flap-resolve.md): 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](https://vawe.dev/moves/word-swap-slot.md): one word in a held sentence rolls through 3 or 4 values and lands; the sentence reflows its width
- [Blur word cascade](https://vawe.dev/moves/blur-word-cascade.md): copy resolves word by word from blur with a slight rise; no mask, so nothing cuts a descender
- [Text as mask](https://vawe.dev/moves/text-as-mask.md): 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](https://vawe.dev/moves/outline-fill.md): one hero word arrives as an outline, letter by letter, then an accent floods each letter from its baseline on the beat
- [Strikethrough replace](https://vawe.dev/moves/strikethrough-replace.md): 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](https://vawe.dev/moves/grid-stagger-wave.md): 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](https://vawe.dev/moves/text-scramble-decode.md): 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](https://vawe.dev/moves/ticker-takeover.md): 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](https://vawe.dev/moves/anchor-cycle.md): 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](https://vawe.dev/moves/lower-third.md): 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](https://vawe.dev/moves/liquid-displace.md): 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](https://vawe.dev/moves/echo-trail.md): 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](https://vawe.dev/moves/caption-karaoke.md): 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](https://vawe.dev/moves/caption-editorial.md): 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](https://vawe.dev/moves/variable-weight-wave.md): 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](https://vawe.dev/moves/text-on-path.md): 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](https://vawe.dev/moves/vertical-cut-reveal.md): 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](https://vawe.dev/moves/letter-swap.md): 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](https://vawe.dev/moves/letter-3d-swap.md): 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](https://vawe.dev/moves/cut-on-motion.md): a moving shape carries the eye across a hard cut into a new scene
- [Push with directional blur](https://vawe.dev/moves/push-blur.md): a panel pushes in with a directional blur that follows its speed, set per frame
- [Exits faster than entrances](https://vawe.dev/moves/exit-fast.md): the pair every beat needs: arrive fast and land soft, leave faster and shorter
- [Chain beats](https://vawe.dev/moves/chain-beats.md): beats overlap: the next starts at 65% of the last and one element hands off (dot, bar, rule); use once per film
- [Whip pan](https://vawe.dev/moves/whip-pan.md): the next shot is to the side: a fast sideways pan with a blur that follows its speed hides the seam
- [Match cut](https://vawe.dev/moves/match-cut.md): one shape crosses a scene change at the same place, size and angle and changes meaning (spinner ring, finished ring)
- [Iris wipe](https://vawe.dev/moves/iris-wipe.md): a circle closes on the click or mark the eye is on and uncovers the next scene
- [Stack cover](https://vawe.dev/moves/stack-cover.md): 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](https://vawe.dev/moves/split-reveal.md): the frame opens like doors onto the next shot: two halves part, the gap starts dark and lights as they clear
- [Slice shift](https://vawe.dev/moves/slice-shift.md): horizontal bands slide off in alternation, staggered with seeded jitter and speed blur, and uncover the next shot
- [Type fill transition](https://vawe.dev/moves/type-fill-transition.md): a word scales into one letter until its stem is the whole frame; that colour is the next shot's ground
- [Colour block wipe](https://vawe.dev/moves/color-block-wipe.md): 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](https://vawe.dev/moves/zoom-through.md): 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](https://vawe.dev/moves/speed-ramp-freeze.md): 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](https://vawe.dev/moves/speed-ramp.md): 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](https://vawe.dev/moves/liquid-wipe.md): 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](https://vawe.dev/moves/grid-tile-flip.md): 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](https://vawe.dev/moves/luma-matte-dissolve.md): 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](https://vawe.dev/moves/smear-stretch.md): 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](https://vawe.dev/moves/shape-morph-wipe.md): 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](https://vawe.dev/moves/spin-transition.md): 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](https://vawe.dev/moves/swipe-continues.md): 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](https://vawe.dev/moves/drop-and-land.md): 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](https://vawe.dev/moves/spin-rotation.md): 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](https://vawe.dev/moves/counter-dive.md): 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](https://vawe.dev/moves/thumbnail-grid.md): 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](https://vawe.dev/moves/light-leak-transition.md): 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](https://vawe.dev/moves/type-match-cut.md): 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](https://vawe.dev/moves/cursor-spotlight.md): 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](https://vawe.dev/moves/toggle-horizon.md): 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](https://vawe.dev/moves/progress-timeline.md): 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](https://vawe.dev/moves/avatar-world.md): 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](https://vawe.dev/moves/glow-record.md): 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](https://vawe.dev/moves/highlight-sweep.md): 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](https://vawe.dev/moves/shadow-handoff.md): 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](https://vawe.dev/moves/word-portal.md): 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](https://vawe.dev/moves/underline-road.md): 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](https://vawe.dev/moves/caret-door.md): 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](https://vawe.dev/moves/word-sweep.md): the accent runs word by word in reading order and stays on the target word
- [Weight morph](https://vawe.dev/moves/weight-morph.md): one word gets heavier on a real variable-font axis; the glyphs reshape, nothing is scaled
- [Marker highlight](https://vawe.dev/moves/marker-highlight.md): a highlighter bar wipes behind one phrase and the text flips dark for contrast
- [Underline draw](https://vawe.dev/moves/underline-draw.md): a line draws under the key word, left to right, fast in and slow out
- [Bracket callout](https://vawe.dev/moves/bracket-callout.md): corner brackets fly in and snap onto a word or a UI part with a small overshoot
- [Spotlight dim](https://vawe.dev/moves/spotlight-dim.md): the frame dims around one target: a hole closes from the full frame onto it and its shadow is the dim
- [Hand drawn notes](https://vawe.dev/moves/hand-drawn-notes.md): 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](https://vawe.dev/moves/ui-focus-zoom.md): 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](https://vawe.dev/moves/caret-follow.md): the camera trails the typing caret on a soft spring, so a long line stays readable at close range
- [Pull back reveal](https://vawe.dev/moves/pull-back-reveal.md): open tight on a detail and pull back to the whole; scale runs on a log path so the speed reads even
- [Parallax dive](https://vawe.dev/moves/parallax-dive.md): 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](https://vawe.dev/moves/exposure-flash.md): 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](https://vawe.dev/moves/lens.md): 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](https://vawe.dev/moves/camera-moves.md): 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](https://vawe.dev/moves/depth-resolve.md): far words small and soft resolve as the camera arrives; a focus pull (focus())
- [Scale through](https://vawe.dev/moves/scale-through.md): fly into a plain element and its colour is the next world, in Web Animations only
- [Direction wipe](https://vawe.dev/moves/direction-wipe.md): a mask edge moves the way the last move went and reveals the next beat
- [Arrival spring](https://vawe.dev/moves/arrival-spring.md): EASE.nudge on one arrival in three, EASE.pop on the one that matters (nudgeEvery)
- [Rack focus](https://vawe.dev/moves/rack-focus.md): focus moves from one depth layer to another: near melts, far resolves, pinpoint lights swell into discs; use once per film
- [Drift hold](https://vawe.dev/moves/drift-hold.md): the line holds still while only the ground drifts, so a held frame never sits dead
- [Gradient mesh field](https://vawe.dev/moves/gradient-mesh-field.md): 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](https://vawe.dev/moves/pan-stations.md): 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](https://vawe.dev/moves/crash-zoom.md): 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](https://vawe.dev/moves/logo-sting.md): 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](https://vawe.dev/moves/wordmark-cascade.md): 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](https://vawe.dev/moves/mark-trace.md): 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](https://vawe.dev/moves/shape-trace-morph.md): 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](https://vawe.dev/moves/calm-lockup.md): the quiet ending: logo and line settle slowly while two lights drift behind and the lockup floats; use once per film
- [CTA pop](https://vawe.dev/moves/cta-pop.md): 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](https://vawe.dev/moves/thanks-sweep.md): 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](https://vawe.dev/moves/ui-strip-away.md): 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](https://vawe.dev/moves/logo-wall.md): 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](https://vawe.dev/moves/cta-morph-press.md): 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](https://vawe.dev/moves/clip-expand.md): a panel or capture grows out of one point the eye is already on
- [Cursor click](https://vawe.dev/moves/cursor-click.md): 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](https://vawe.dev/moves/count-up.md): 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](https://vawe.dev/moves/card-assemble.md): a UI card builds: the shell lands, then each part arrives from the side of its slot, the accent action last
- [Notification pop](https://vawe.dev/moves/notification-pop.md): a banner drops in on the overshoot curve, icon then text, holds a second and leaves faster than it came
- [Chart build](https://vawe.dev/moves/chart-build.md): gridlines draw, bars rise in sequence, the newest bar turns accent and its value tag pops on it
- [Before and after wipe](https://vawe.dev/moves/before-after-wipe.md): 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](https://vawe.dev/moves/skeleton-reveal.md): 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](https://vawe.dev/moves/ai-stream-response.md): 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](https://vawe.dev/moves/overwhelm-collapse.md): 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](https://vawe.dev/moves/success-check.md): 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](https://vawe.dev/moves/integration-hub.md): 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](https://vawe.dev/moves/device-tilt-stage.md): 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](https://vawe.dev/moves/command-palette-summon.md): 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](https://vawe.dev/moves/gooey-filter.md): 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](https://vawe.dev/moves/agent-progress.md): 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](https://vawe.dev/moves/panel-live-sync.md): 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](https://vawe.dev/moves/aurora-drift.md): 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](https://vawe.dev/moves/grain-field.md): 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](https://vawe.dev/moves/halftone-field.md): 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](https://vawe.dev/moves/ink-warp.md): a rich liquid ground for short large copy: marbled ink flows by domain warp in one shader, thinner behind the type
- [Dot grid wave](https://vawe.dev/moves/dot-grid-wave.md): 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](https://vawe.dev/moves/light-pool.md): 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](https://vawe.dev/moves/marquee-along-path.md): 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](https://vawe.dev/moves/simple-marquee.md): 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](https://vawe.dev/moves/circling-elements.md): eight upright tiles orbit one point on a 120 px radius, one linear turn in 10 s
- [CSS box](https://vawe.dev/moves/css-box.md): 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](https://vawe.dev/moves/pixelate-svg-filter.md): a photo breaks into square blocks that grow and shrink with one number, size = x / 30 through a convolve, tile and dilate SVG filter
- [Photo particles](https://vawe.dev/moves/photo-particles.md): a real photo (filaments, veins, scales) is sampled into 120 000 lit, coloured points that gather from a seeded scatter over 1.5 s and then breathe, filmed through the lens with the film-halation look
- [Media between text](https://vawe.dev/moves/media-between-text.md): 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