comparar · Animation
Both work with React. In a kit you pick one, and your agent gets the rule to use only that one.
| Lottie | Motion | |
|---|---|---|
| What it is | Plays designer-made Lottie animations. | Declarative animations, gestures and layout (formerly Framer Motion). |
| Frameworks | React | React, Svelte, Solid, Vanilla |
| Paquetes | @lottiefiles/dotlottie-react | motion |
| Skill oficial | — | — |
| How your agent uses it | Use `DotLottieReact` from `@lottiefiles/dotlottie-react`. | In React: `import { motion } from "motion/react"`; outside React: `import { animate } from "motion"`. |
| Kits that offer it | chrome-extension, landing-next, saas-ai-next, saas-next-better-auth, saas-next-supabase, saas-tanstack-start, spa-vite-react, waitlist-next, web-react-router, web-tanstack-start | chrome-extension, landing-astro, landing-next, landing-sveltekit, saas-ai-next, saas-next-better-auth, saas-next-supabase, saas-sveltekit, saas-tanstack-start, spa-vite-react, waitlist-next, web-astro, web-react-router, web-sveltekit, web-tanstack-start |
| Chosen in | 0 installs | 0 installs |