# Magic UI — card for AI agents

Copy-and-paste animated React/Tailwind components for landing pages, installable via the shadcn CLI; a paid Pro adds templates and premium components.

Category: UI kits and website templates · maker Magic UI · checked 2026-10-21 · style: gradient, colorful, minimal

## Price
- Price: Free tier
- Free tier: Open-source components are free (MIT); Magic UI Pro is paid.
- Usage price: Pro: USD 199 one-time, lifetime access
- Pricing page: https://magicui.design/docs

## License
MIT (open-source components); Pro under separate terms — https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md

- commercial: **yes** (Commercial use OK)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md)
- attribution: **no** (No credit needed)
  > The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  (https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md)
- in app: **yes** (Can ship inside your app)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md)

## Rules to follow
- Keep the MIT notice if you redistribute the code.
- Pro templates and components are paid and not covered by this MIT file.

## How an agent gets files
- shadcn CLI / copy-paste from magicui.design/docs; official MCP: pnpm dlx @magicuidesign/cli@latest install cursor (also Claude, Windsurf, Cline). (sign-in: none)
- Formats: html, css
- Not allowed: Pro licence terms not read

## How to connect
- Official MCP server
- MCP server (official): https://magicui.design/docs/mcp
- Repository: https://github.com/magicuidesign/magicui
- Website: https://magicui.design

## Notes
Needs React, Tailwind CSS and Motion in the target project.

## Numbers (AgentGid data)
- Gid Score: 42.2
- GitHub stars: 22,789

## Lines to paste into your prompt or AGENTS.md

```
- Magic UI (UI kits and website templates). Copy-and-paste animated React/Tailwind components for landing pages, installable via the shadcn CLI; a paid Pro adds templates and premium components. Price: free tier; commercial use OK; no credit needed. Style: gradient, colorful, minimal.
  Connect: official MCP server https://magicui.design/docs/mcp.
  Get files: shadcn CLI / copy-paste from magicui.design/docs; official MCP: pnpm dlx @magicuidesign/cli@latest install cursor (also Claude, Windsurf, Cline) (html, css).
  Not allowed: Pro licence terms not read
  Rule: Keep the MIT notice if you redistribute the code.
  Rule: Pro templates and components are paid and not covered by this MIT file.
  License: https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md (checked 2026-10-21; details: https://agentgid.com/assets/magic-ui/)
```

Not verified: Pro licence terms and pricing page not readable (magicui.design/pricing returned 404); $199 taken from the docs page.

## Links
- AgentGid page: https://agentgid.com/assets/magic-ui/
- Is it free for commercial use? https://agentgid.com/assets/magic-ui/commercial-use/
- Source: https://magicui.design/docs
- Source: https://magicui.design/docs/mcp
- Source: https://raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.