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 type10Headlines, counters and text that carries the scene.
- Titles & lower thirds7Naming things: cards, badges, captions, chapter marks.
- Product & UI12Devices, browser frames, cursors, notifications.
- Data14Charts and figures that animate to make a point.
- Logo & brand6Reveals, lockups and stamps.
- Backgrounds6Atmosphere that sits behind everything else.
- Transitions3The handoff between two scenes.
- Primitives4Draw-on paths, connectors, reveals — the building blocks.
- Diagrams6Explainer devices: flows, layers, packets, checklists.
- Social formats5Vertical and square cuts with platform safe areas.
- YouTube3The 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.