comparar · Animation
Both work with React, Svelte, Solid, Vanilla. In a kit you pick one, and your agent gets the rule to use only that one.
| AutoAnimate | Motion | |
|---|---|---|
| What it is | Automatic transitions when elements are added, removed or moved. | Declarative animations, gestures and layout (formerly Framer Motion). |
| Frameworks | React, Vue, Svelte, Solid, Vanilla | React, Svelte, Solid, Vanilla |
| Paquetes | @formkit/auto-animate | motion |
| Skill oficial | — | — |
| How your agent uses it | Use `autoAnimate` from `@formkit/auto-animate` (or its hook/directive for your framework). | In React: `import { motion } from "motion/react"`; outside React: `import { animate } from "motion"`. |
| Kits that offer it | 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-nuxt, web-react-router, web-sveltekit, web-tanstack-start, web-vue-vite | 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 |