comparar · UI components
Both work with React. In a kit you pick one, and your agent gets the rule to use only that one.
| Material UI | shadcn/ui | |
|---|---|---|
| What it is | Complete, very mature Material Design. | Accessible components that live in your code. The foundation of hundreds of registries. |
| Frameworks | React | React |
| Paquetes | @mui/material @emotion/react @emotion/styled | — |
| Skill oficial | mui/material-ui@material-ui-theming | shadcn-ui/ui@shadcn |
| How your agent uses it | import from `@mui/material` | 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 |