comparar · UI components
Both work with React. In a kit you pick one, and your agent gets the rule to use only that one.
| Chakra UI | shadcn/ui | |
|---|---|---|
| What it is | Accessible components with a style-props system. | Accessible components that live in your code. The foundation of hundreds of registries. |
| Frameworks | React | React |
| Paquetes | @chakra-ui/react @emotion/react | — |
| Skill oficial | chakra-ui/chakra-ui@chakra-ui-builder | shadcn-ui/ui@shadcn |
| How your agent uses it | import from `@chakra-ui/react` | npx shadcn@latest add <component> |
| Kits that offer it | chrome-extension, landing-next, saas-ai-next, saas-next-better-auth, saas-next-supabase, spa-vite-react, waitlist-next, web-react-router, web-tanstack-start | chrome-extension, landing-next, saas-ai-next, saas-next-better-auth, saas-next-supabase, spa-vite-react, waitlist-next, web-react-router, web-tanstack-start |
| Chosen in | 0 installs | 0 installs |