comparar · Animation
Both work with React. In a kit you pick one, and your agent gets the rule to use only that one.
| AutoAnimate | React Three Fiber | |
|---|---|---|
| What it is | Automatic transitions when elements are added, removed or moved. | Declarative 3D and WebGL with Three.js. |
| Frameworks | React, Vue, Svelte, Solid, Vanilla | React |
| Paquetes | @formkit/auto-animate | three @react-three/fiber @react-three/drei @types/three |
| Skill oficial | — | cloudai-x/threejs-skills@threejs-fundamentals |
| How your agent uses it | Use `autoAnimate` from `@formkit/auto-animate` (or its hook/directive for your framework). | Use `Canvas` from `@react-three/fiber` and the helpers from `@react-three/drei`. |
| 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-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 |
| Chosen in | 0 installs | 0 installs |