Motion
vanillasky/motionFreeUtility
One deterministic progress-driven API, from raw curves to composed effects.
See it running
Open the demo on vanillasky
vanillasky.ai/docs/components/motionInstall it
npx shadcn@latest add https://vanillasky.ai/r/motion.jsonSource
1/**2 * Unified motion surface — ONE import for both motion vocabularies:3 *4 * - Core curves (src/lib/react-animations/animation-utils.ts): `interpolate`,5 * `spring`, `SPRING_SMOOTH/SNAPPY/BOUNCY/CRISP`, `Easing`, `stagger`,6 * `cubicBezier`. Used by every built-in template.7 * - Motion stdlib (src/lib/vibecode/motion-stdlib.ts): the export-verified8 * high-level helpers — `phase`, `staggerWindow`, `cascade`, `typewriter`,9 * `countUp`, `punch`, `glow`, `meshGradient`, `particles`, `burst`,10 * `sweep`, `drift`, `orbit`, `EASE`, and friends. Parity matrix in11 * docs/vibecode-stdlib-verification.md.12 *13 * This is the stable entrypoint for templates, custom scenes, the skill, and14 * the registry. Keep implementation files private behind this facade.15 */1617export * from "../react-animations/animation-utils";18export * from "../vibecode/motion-stdlib";
What it pulls in
npm packages
Files it writes
More from vanillasky
All 33 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Backgroundsbackgrounds | vanillasky | Utilities | Free | 1 dep · 3 files | |
| Themetheme | vanillasky | Utilities | Free | no deps · 3 files | |
| Typographytypography | vanillasky | Utilities | Free | no deps · 3 files | |
| Video configvideo-config | vanillasky | Utilities | Free | no deps |
