A premium motion-component system that feels cinematic, fast, and restrained. Every animation communicates state, progress, hierarchy, or system activity. No decorative noise — only purposeful, tokenized, accessible motion.
Design, preview, and export motion systems. Scrub timelines, toggle triggers, test states, and generate variants with AI.
High-quality animated components. Scroll to trigger. Hover to interact. All components are contract-backed and respect reduced-motion preferences.
{
"ref": "motion://kpi-card/animator",
"states": ["idle", "hover", "active"],
"triggers": ["scroll", "hover"],
"timeline": [
{ "step": 0, "opacity": 0, "y": 12 },
{ "step": 300, "opacity": 1, "y": 0 }
],
"tokens": {
"duration": "300ms",
"easing": "cubic-bezier(0.34, 1.56, 0.64, 1)"
},
"reduced_motion": "fade_only",
"budget": "16ms",
"adapters": ["framer", "gsap", "css"]
}I can generate motion components, create timeline variants, and add reduced-motion fallbacks. What do you need?
Add a cinematic page transition to the dashboard loader.
Proposing motion patch: