07 / char cascadehero
Make the moment matter.
Letters arrive on their own timing.
No opacity soup.
No opacity soup.
Motion direction for humans + coding agents
Make itmove likeyou mean it.
Stop asking for “something premium.” Pick a direction, hand your agent permanent numbers, and ship the same motion in React, Vue, Svelte, or vanilla TypeScript.
LiveCharacters arrive.
The headline is choreographed, not faded in.
The headline is choreographed, not faded in.
89Color has a pulse.
Living fills keep a static surface from feeling dead.
Living fills keep a static surface from feeling dead.
27The spectacle waits.
The particle field exists only when its act is near.
The particle field exists only when its act is near.
Act 02 / See it run
The menu, in motion
Not a moodboard. A working language.
Every number is a behavior you can feel before you copy it. These are three lightweight moves from the library, running in the page itself.
89 / living text filltype
Alive.
Color drifts through the word
without moving the layout.CSS / 60fps
without moving the layout.CSS / 60fps
228 / card stackstory
01 · MAKE
02 · MOVE
03 · PROVE
04 · SHIP
Scroll inside to stack
the story chapters.
the story chapters.
Act 03 / Direct
The motion finder
Describe the feeling. Get the moves.
A useful catalogue starts with intent, not implementation trivia.
Act 04 / Compose
Six routes to a finished page.
Not six categories. Six outcomes. Each route is a short, opinionated sequence of permanent Motion Menu numbers that already know how to work together.
01Arrival
Launch with force
Make the first screen feel authored before the product even speaks.
char cascade44 line draw240 seam
Open launch route
02Commerce
Sell the object
Shift from desire to detail to a decision without breaking atmosphere.
230 explode400 size589 buy bar
Open sell route
03Story
Explain the idea
Give dense thinking pace, hierarchy, and a reason to keep reading.
08 line mask10 word scrub44 draw
Open explain route
04Navigation
Make discovery tactile
Turn browsing into the product instead of a list wrapped in cards.
25 link roll75 tabs149 command
Open explore route
05Proof
Earn the claim
Let numbers, systems, and verification carry the trust.
245 tier gate500 counter596 trust
Open proof route
06Close
End on purpose
Shorten the perceived middle with a closer that feels inevitable.
300 statement561 orbit564 torn edge
Open finish route
Act 05 / Feel
Motion laboratory
One heavy moment. Earned.
Extracted pattern 27 reacts to the pointer, stays absent until this act approaches, and is destroyed when the act leaves.
Waiting for viewportGPU / adaptive
Pointer steers the extracted field. Its WebGL context is destroyed offscreen and remounted on return.
Enter all live experiments ↗Act 06 / Ship
One pattern, every path
Motion that leaves the moodboard.
Choose the interface your team or agent already uses. The permanent pattern stays the same.
Every door carries the same enforcement: a stated set of anti-generic rules, and pairing and clash checks read off the catalogue's own fields. Ask for two patterns that fight each other and the answer says why, before any code ships.
Act 07 / Own it
Give your agent taste.
$149 USD / lifetime
596 permanent patterns. 26 free. Four framework outputs. MCP, registry, API, and every future pattern included.
Get Motion Menu ↗