HeroUI by HeroUI (Next UI Inc.)
minimalflatcolorful agent.md for AI agents
Open-source React UI components built on React Aria and Tailwind CSS v4, with a CLI, llms.txt and an MCP server.
UI kits and website templates Open source
HeroUI popularity
Downloads from api.npmjs.org, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.
Rules for your agent
Copied.
- HeroUI (UI kits and website templates). Open-source React UI components built on React Aria and Tailwind CSS v4, with a CLI, llms.txt and an MCP server. Price: free; commercial use OK. Style: minimal, flat, colorful. Connect: npm @heroui/react. Get files: npm install @heroui/react (or the heroui CLI); docs for LLMs at heroui.com/llms.txt (html, css). Not allowed: Component library, not page templates Rule: Keep the Apache-2.0 licence text and any NOTICE if you redistribute the source. License: https://raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE (checked 2026-10-21; details: https://agentgid.com/assets/heroui/)
Paste it into your prompt or AGENTS.md. It is built from the license and API terms below.
License
| License | Apache License 2.0 |
|---|---|
| Commercial use | Commercial use OK“Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.” raw.githubusercontent.com/heroui-inc/heroui/v... |
| Credit | — |
| 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 |
|
Connect it to an agent
| How an agent gets files | npm install @heroui/react (or the heroui CLI); docs for LLMs at heroui.com/llms.txt. · no sign-in |
|---|---|
| File formats | html, css |
| Not allowed |
|
| MCP server | Official |
| API | No public API: download by hand |
| npm | npm install @heroui/react |
| In AI-agent projects | @heroui/react is in 18 of 4,828 JavaScript projects (0.4%) in our scan of repos set up for AI coding agents. |
| GitHub | heroui-inc/heroui |
Use it in your stack
npm i @heroui/styles @heroui/react
/* globals.css */
@import "tailwindcss";
@import "@heroui/styles";
import { Button } from '@heroui/react';
function App() {
return (
<Button>
My Button
</Button>
);
}From the official docs: heroui.com/docs/react/getting-started/quick-start
Pricing
| Free | Fully free. |
|---|---|
| Paid from | — |
| Usage price | — |
| Good to know | Default branch v3 carries Apache-2.0; older branches carried MIT. |
Sources
Read on Oct 21, 2026: heroui.com/, raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE, github.com/heroui-inc/heroui.
Not confirmed: npm package @heroui/react 3.2.6 reports MIT while the repo's v3 branch LICENSE is Apache-2.0 (older branches MIT); both permit commercial use. MCP URL and install page not read.
Not legal advice. Check the license page before you ship.
Alternatives to HeroUI
| Pick for your agent | 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) |
Free | Commercial OK No credit | MCPshadcn |
|
| 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) |
Free tier | Commercial OK No credit | MCPdaisyui |
|
| 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) |
Free tier | Commercial OK No credit | MCPflowbite |
|
| Magic UI Copy-and-paste animated React/Tailwind components for landing pages, installable via the shadcn CLI; a paid Pro adds templates and premium components. gradientcolorfulminimal |
Free tier | Commercial OK No credit | MCP | |
| 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) |
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 |
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 |
Free tier | Commercial: conditions Credit varies | MCPpreline |
|
| Cruip Tailwind CSS landing-page, SaaS and admin dashboard templates (Next.js, React, Vue, Laravel, Figma); a few are free, most are premium. gradientminimalcorporate |
Free tier | Commercial OK No credit | Download |