About
A motion library for people who can’t describe motion in words.
Directions
280
14 categories
Free
26
ready to build
Prompt specs
321
Core, Visual, UI
Resources
1,057
17 techniques documented
01 / How the library works
See it, then specify it.
Every direction is a real website preview with a motion recording: the entrance, the scroll behaviour, the hover response, the type rhythm. You choose by watching, not by reading adjectives.
Each direction page pairs the preview with matched prompts from the prompt library. The prompt library holds 321 complete specification bodies: Core prompts carry the section-by-section structure, Visual prompts carry palette, typography and composition, UI prompts carry interface detail.
The spec builder combines one direction, one Core prompt and one Visual prompt with your brand inputs, then writes a single markdown file: stack notes, palette table, typography, sections in order, motion timings with easing curves, responsive rules and a delivery checklist.
02 / Licensing
Use the direction. Don’t resell the library.
Allowed
- Use any direction as the motion reference for your own sites.
- Use and adapt it for client work, with or without attribution on the finished site.
- Build as many projects from one direction as you need.
- Adapt the palette, typography, structure and timings to the brand.
- After buying a code pack, copy its prompt bodies and build spec into your AI builder or repository.
Not allowed
- Reselling, sublicensing or redistributing the library itself.
- Repackaging the direction catalogue, prompt bodies or resource catalogue as a competing library or dataset.
- Rehosting the source previews or posters as your own media library.
- Presenting the source studios’ brands or sites as your own work.
Code packs
Public pages show the motion, metadata and descriptions. The build spec, full prompt bodies, playbook code and downloads are sold as a $10 code pack per direction, or $20 with customisation. Access is granted per account only after the payment provider confirms the order.
Access labels
Free and Premium labels come from the library and mark which directions the studio publishes as open starting points. 26 of 280 directions are marked Free. The label is preserved everywhere the direction appears.
03 / Attribution
Previews belong to their studios.
Motion preview MP4s, posters and original preview links are hosted by Scrollhaus and remain the property of the studios that produced them. MotionDeck references them as motion direction, not as original work.
Prompt bodies keep their published source URLs; every prompt reader links back to the source file. Resource entries keep their source and page links, and the resource detail panel only copies the stored source.
Every direction page carries an “Original preview” link so the reference can be checked at the source.
04 / Machine-readable
The catalogue is public.
The directions array is mirrored at https://www.motion.waconzy.com/api/catalog.json with an id, title, category, access, motion preview URL and poster URL per direction.
The MCP reference documents seven read-only tools for agents: search and read directions, generate a spec, search and read resources, list free specs, and read library info.
05 / Accessibility
Motion that can stop.
The interface honours prefers-reduced-motion: entrances resolve to their final state, the marquee and cursor glow stop, and previews do not autoplay. Nothing loops with sound; every player starts muted.
Posters and media blocks use explicit aspect ratios so the layout does not shift while previews load. Posters are lazy-loaded below the fold, and hover previews are only fetched when you actually hover.
The layout is built for 360px up. Filters become scrollable strips, headings wrap instead of scaling down, and tap targets stay at 44px.