comparar · Animation
Both work with React. In a kit you pick one, and your agent gets the rule to use only that one.
| Motion | React Three Fiber | |
|---|---|---|
| What it is | Declarative animations, gestures and layout (formerly Framer Motion). | Declarative 3D and WebGL with Three.js. |
| Frameworks | React, Svelte, Solid, Vanilla | React |
| Paquetes | motion | three @react-three/fiber @react-three/drei @types/three |
| Skill oficial | — | cloudai-x/threejs-skills@threejs-fundamentals |
| How your agent uses it | In React: `import { motion } from "motion/react"`; outside React: `import { animate } from "motion"`. | 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-react-router, web-sveltekit, web-tanstack-start | 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 |