Magic UI

gradientcolorfulminimal agent.md 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.

UI kits and website templates Open source

Is Magic UI free for commercial use? Yes, within the free tier →

Website License Pricing

Price

Free tier

Open-source components are free (MIT); Magic UI Pro is paid.

Commercial use

Yes

MIT (open-source components); Pro under separate terms

Credit the author

Not needed

No credit needed

Agent access

Official MCP server

Magic UI popularity

Gid Score

42 /100

same scale as developer tools

GitHub stars

22.8K

1,196 forks · magicuidesign/magicui

Downloads

—

PyPI, last 7 days, None

Magic UI: GitHub starsmagicuidesign/magicui 22,789

Downloads from the package registry, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.

Rules for your agent

- 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/)

Paste it into your prompt or AGENTS.md. It is built from the license and API terms below.

License

License	MIT (open-source components); Pro under separate terms
Commercial use	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” raw.githubusercontent.com/magicuidesign/magic...
Credit	No credit needed “The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.” raw.githubusercontent.com/magicuidesign/magic...
Inside your app or game	Can ship inside your app Same clause as quoted for commercial use.
AI training	Not stated
Bots and bulk downloads	Not stated
Rules	Keep the MIT notice if you redistribute the code. Pro templates and components are paid and not covered by this MIT file.

Connect it to an agent

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). · no sign-in
File formats	html, css
Not allowed	Pro licence terms not read
MCP server	Official: `https://magicui.design/docs/mcp`
API	No public API: download by hand
GitHub	magicuidesign/magicui

Pricing

Free	Open-source components are free (MIT); Magic UI Pro is paid.
Paid from	—
Usage price	Pro: USD 199 one-time, lifetime access
Good to know	Needs React, Tailwind CSS and Motion in the target project.

Sources

Read on Oct 21, 2026: magicui.design/docs, magicui.design/docs/mcp, raw.githubusercontent.com/magicuidesign/magicui/main/LICENSE.md.

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

Not legal advice. Check the license page before you ship.

Alternatives to Magic UI

All ui kits and website templates

Source	Price	License	Agent access
shadcn/ui Open-source set of accessible React components and blocks that you copy into your own codebase through a CLI and registries. minimalmonochromeflat Used in 273 AI-agent projects (5.7% of JS) agent.md	Free	Commercial OK No credit	MCP `shadcn`
daisyUI Free Tailwind CSS plugin that adds semantic component class names (btn, card, ...) and themes; paid templates, charts and a Figma library are sold in a separate store. colorfulplayfulflat Used in 60 AI-agent projects (1.2% of JS) agent.md	Free tier	Commercial OK No credit	MCP `daisyui`
HeroUI Open-source React UI components built on React Aria and Tailwind CSS v4, with a CLI, llms.txt and an MCP server. minimalflatcolorful Used in 18 AI-agent projects (0.4% of JS) agent.md	Free	Commercial OK	MCP `@heroui/react`
Flowbite Open-source Tailwind CSS component library (MIT) with copy-paste HTML components, plugin JS and framework guides; a paid Flowbite Pro adds blocks and templates. minimalflatcorporate Used in 9 AI-agent projects (0.2% of JS) agent.md	Free tier	Commercial OK No credit	MCP `flowbite`
Tremor Open-source React and Tailwind components for charts and dashboards (copy-paste or @tremor/react), plus blocks and templates at blocks.tremor.so. minimalcorporateflat Used in 6 AI-agent projects (0.1% of JS) agent.md	Free	Commercial OK	npm `@tremor/react`
HyperUI Free, open-source Tailwind CSS v4 components for marketing sites, web apps and eCommerce; copy the markup from the site and paste it into a project. minimalflat agent.md	Free	Commercial OK No credit	Download
Preline UI Open-source Tailwind CSS component set (npm package preline) with free components and blocks; a paid Preline Pro adds premium blocks and templates. minimalcorporateflat agent.md	Free tier	Commercial: conditions Credit varies	MCP `preline`
Cruip Tailwind CSS landing-page, SaaS and admin dashboard templates (Next.js, React, Vue, Laravel, Figma); a few are free, most are premium. gradientminimalcorporate agent.md	Free tier	Commercial OK No credit	Download