Motion design categories
The registry is split by the job a component does in a cut, not by the technique it uses. A category is the answer to “what is this shot for”, which is the question you have when you are assembling a sequence, and the one an agent has to answer before it can pick anything. Hover a row to watch that category’s representative clip.
- Kinetic type16Headlines, counters and text that carries the scene.
- Titles & lower thirds17Naming things: cards, badges, captions, chapter marks.
- Product & UI20Devices, browser frames, cursors, notifications.
- Data21Charts and figures that animate to make a point.
- Logo & brand8Reveals, lockups and stamps.
- Backgrounds18Atmosphere that sits behind everything else.
- Transitions13The handoff between two scenes.
- Primitives3Draw-on paths, connectors, reveals — the building blocks.
- Diagrams8Explainer devices: flows, layers, packets, checklists.
- Social formats14Vertical and square cuts with platform safe areas.
- YouTube10The furniture of a YouTube video: subscribe nudges, comment cards, end screens.
The clip shown on hover is chosen by measurement rather than by hand: each rendered preview is scored on inter-frame motion, tonal spread and content coverage, and the highest-scoring clip in each category represents it. See scripts/rank-showcase.mjs.