# HeroUI — card 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.

Category: UI kits and website templates · maker HeroUI (Next UI Inc.) · checked 2026-10-21 · style: minimal, flat, colorful

## Price
- Price: Free
- Free tier: Fully free.

## License
Apache License 2.0 — https://raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE

- commercial: **yes** (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.
  (https://raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE)
- in app: **yes** (Can ship inside your app)
  > 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.
  (https://raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE)

## Rules to follow
- Keep the Apache-2.0 licence text and any NOTICE if you redistribute the source.

## How an agent gets files
- npm install @heroui/react (or the heroui CLI); docs for LLMs at heroui.com/llms.txt. (sign-in: none)
- Formats: html, css
- Not allowed: Component library, not page templates

## React (official example, https://heroui.com/docs/react/getting-started/quick-start)

```
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>
  );
}
```

## How to connect
- Official MCP server
- API docs: https://www.heroui.com/llms.txt
- npm: `npm install @heroui/react`
- Repository: https://github.com/heroui-inc/heroui
- Website: https://www.heroui.com

## Notes
Default branch v3 carries Apache-2.0; older branches carried MIT.

## Numbers (AgentGid data)
- Gid Score: 53.2
- GitHub stars: 30,986
- Downloads last week: 441,356
- Used in 18 public projects set up for AI coding agents

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

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

Not verified: 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.

## Links
- AgentGid page: https://agentgid.com/assets/heroui/
- Is it free for commercial use? https://agentgid.com/assets/heroui/commercial-use/
- Source: https://www.heroui.com/
- Source: https://raw.githubusercontent.com/heroui-inc/heroui/v3/LICENSE
- Source: https://github.com/heroui-inc/heroui

---
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.