Direction library / Vol. 01
280 directions · 26 free · 14 categories
Choose theMotion.Before you build.
MotionDeck is a library of animated website directions you can actually watch. Find the movement you mean, then hand an AI builder a precise spec — section order, palette tokens, easing curves, mobile rules — instead of adjectives.
- Directions
- 280
- Categories
- 14
- Free to build
- 26
- Prompt specs
- 321
Live motion wall
The whole library, moving.
Every direction plays muted in place.
14 concurrent decoders, queued as you scroll.
280 directions, 26 free
Muted videos · posters on error · 14 decoders max · playback pauses while you scroll
Browse by territory
14 categories
How it works
See it. Spec it. Ship it.
A direction is a complete motion language — entrance, scroll behaviour, hover, type rhythm — not a screenshot. You pick it with your eyes and hand it over as instructions.
Watch the motion
Every direction is a real, running site preview. Hover the wall or open a direction and watch how it enters, scrolls and responds — before a line of code exists.
Open the direction
Category, access, date added and the original preview, in one place. Matched prompts from the 321-spec library sit underneath, filtered to the same territory.
Copy the build spec
Take the motion timings, easing curves, section order and mobile rules as one structured markdown spec. Paste it into Lovable, Bolt, Cursor, Claude Code or v0.
Free directions
26 you can build today.
Own the code
Watch free. Build for $10.
Code, prompt bodies and the spec builder are never shipped to public pages. Buy a code pack and they unlock on your account, server-side.
Code pack
$10
- Full build spec with motion timings and easing curves
- Matched Core and Visual prompt bodies
- Motion playbook with working code
- Download .md, .json, .txt, .prompts and .zip
- MP4 reference opens from the original studio host
Code pack + customisation
$20
- Everything in the $10 code pack
- Tell us the brand, copy and sections you need
- We customise the direction and hand back the pack
- Your brief is stored with the order for the build
Secure scrypt-hashed accounts · provider-confirmed payments · downloads gated per purchase
For studios and agents
Your builder needs numbers, not moods.
The spec builder pairs a Core structure prompt with a Visual prompt, adds your palette, type pairing and stack, then writes one markdown file with timings and source references. Copy it or download it.