CLI
Use the CLI to manage HeroUI dependencies and initialize projects.
The CLI offers a comprehensive suite of commands to initialize, manage, and improve your HeroUI projects. It enables you to install, uninstall, or upgrade individual components, assess the health of your project, download documentation for AI coding agents, and more.
Installation
Requirements:
Global Installation
To install heroui-cli globally, execute one of the following commands in your terminal:
npm install heroui-cli@latest -gWithout Installation
Alternatively, you can use heroui-cli without a global installation by running one of the following:
pnpm dlx heroui-cli@latestQuick Start
Once heroui-cli is installed, run the following command to display available commands:
herouiThis will produce the following help output:
Usage: heroui [command]
Options: -v, --version Output the current version --no-cache Disable cache, by default data will be cached for 30m after the first request -d, --debug Debug mode will not install dependencies -h --help Display help information for commands
Commands: init [options] [projectName] Initializes a new project install [options] Installs @lenso/ui and @lenso/tokens to your project upgrade [options] Upgrades @lenso/ui and @lenso/tokens to the latest versions uninstall [options] Uninstall @lenso/ui and @lenso/tokens from the project list [options] Lists installed HeroUI packages (@lenso/ui, @lenso/tokens) env [options] Displays debugging information for the local environment doctor [options] Checks for issues in the project agents-md [options] Downloads HeroUI documentation for AI coding agents help [command] Display help for commandinit
Initialize a new HeroUI project using the init command. This sets up your project with the necessary configurations.
heroui init [options]Options:
-t --template [string]The template to use for the new project e.g. app, pages, vite, react-router-p --package [string]The package manager to use for the new project
output:
HeroUI CLI <version>
┌ Create a new project│◇ Select a template (Enter to select)│ ● App (A Next.js 16 with app directory template pre-configured with HeroUI (v3) and Tailwind CSS.)│ ○ Pages (A Next.js 16 with pages directory template pre-configured with HeroUI (v3) and Tailwind CSS.)│ ○ Vite (A Vite template pre-configured with HeroUI (v3) and Tailwind CSS.)│ ○ React Router (A React Router template pre-configured with HeroUI (v3) and Tailwind CSS.)│◇ New project name (Enter to skip with default name)│ my-heroui-app│◇ Select a package manager (Enter to select)│ ● npm│ ○ yarn│ ○ pnpm│ ○ bun│◇ Template created successfully!│◇ Next steps ───────╮│ ││ cd my-heroui-app ││ npm install ││ │├────────────────────╯│└ 🚀 Get started with npm run devInstall the dependencies to start the local server:
cd my-heroui-app && npm installStart the local server:
npm run devInstall
Install @lenso/ui and @lenso/tokens to your project, along with their peer dependencies. If they are already installed, the command does nothing.
heroui install [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
HeroUI CLI <version>
📦 Packages to be installed:╭─────────────────────────────────────────────────────────────────────────────╮│ Package │ Version │ Status │ Docs ││─────────────────────────────────────────────────────────────────────────────││ @lenso/ui │ 3.0.0 │ stable │ https://heroui.com ││ @lenso/tokens │ 3.0.0 │ stable │ https://heroui.com │╰─────────────────────────────────────────────────────────────────────────────╯
╭─────────────── PeerDependencies ────────────────╮│ [email protected] latest ││ [email protected] latest ││ [email protected] latest │╰─────────────────────────────────────────────────╯? Proceed with installation? › - Use arrow-keys. Return to submit.❯ Yes No
✅ @lenso/ui and @lenso/tokens installed successfullyupgrade
Upgrade @lenso/ui and @lenso/tokens with their peer dependencies to the latest versions.
heroui upgrade [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
HeroUI CLI <version>
╭──────────────────────────── Upgrade ────────────────────────────╮│ @lenso/ui ^3.0.0 -> ^3.1.0 ││ @lenso/tokens ^3.0.0 -> ^3.1.0 │╰─────────────────────────────────────────────────────────────────╯
? Would you like to proceed with the upgrade? › - Use arrow-keys. Return to submit.❯ Yes No
✅ Upgrade complete. All packages are up to date.uninstall
Uninstall @lenso/ui and @lenso/tokens from your project. Peer dependencies will not be uninstalled.
heroui uninstall [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
HeroUI CLI <version>
❗️ Packages slated for uninstallation:╭──────────────────────────────────────────────────────────────────────────────────────╮│ Package │ Version │ Status │ Docs ││──────────────────────────────────────────────────────────────────────────────────────││ @lenso/ui │ 3.0.0 │ stable │ https://heroui.com ││ @lenso/tokens │ 3.0.0 │ stable │ https://heroui.com │╰──────────────────────────────────────────────────────────────────────────────────────╯? Confirm uninstallation of these packages: › - Use arrow-keys. Return to submit.❯ Yes No
✅ Successfully uninstalled: @lenso/ui, @lenso/tokenslist
List the installed HeroUI packages (@lenso/ui, @lenso/tokens).
heroui list [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
HeroUI CLI <version>
Current installed packages:
╭──────────────────────────────────────────────────────────────────────────────────────╮│ Package │ Version │ Status │ Docs ││──────────────────────────────────────────────────────────────────────────────────────││ @lenso/ui │ 3.0.0 🚀latest │ stable │ https://heroui.com ││ @lenso/tokens │ 3.0.0 🚀latest │ stable │ https://heroui.com │╰──────────────────────────────────────────────────────────────────────────────────────╯doctor
Check for issues in your project.
- Check whether
@lenso/uiand@lenso/tokensare installed - Check whether
required peer dependenciesare installed and matched minimal requirements in the project
heroui doctor [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
If there is a problem in your project, the doctor command will display the problem information.
HeroUI CLI <version>
HeroUI CLI: ❌ Your project has 1 issue that require attention
❗️Issue 1: missingHeroUIPackages
The following HeroUI packages are not installed:- @lenso/tokens
Run `heroui install` to install them.Otherwise, the doctor command will display the following message.
HeroUI CLI <version>
✅ Your project has no detected issues.env
Display debug information about the local environment.
heroui env [options]Options:
-p --packagePath[string] The path to the package.json file
Output:
HeroUI CLI <version>
Current installed packages:
╭──────────────────────────────────────────────────────────────────────────────────────╮│ Package │ Version │ Status │ Docs ││──────────────────────────────────────────────────────────────────────────────────────││ @lenso/ui │ 3.0.0 🚀latest │ stable │ https://heroui.com ││ @lenso/tokens │ 3.0.0 🚀latest │ stable │ https://heroui.com │╰──────────────────────────────────────────────────────────────────────────────────────╯
Environment Info: System: OS: darwin CPU: arm64 Binaries: Node: v25.8.1agents-md
Download HeroUI documentation for AI coding agents (Claude, Cursor, etc.). The command clones the latest docs from the HeroUI repository and injects a compact index into AGENTS.md or CLAUDE.md so assistants can reference your project's HeroUI setup.
heroui agents-md [options]Options:
--react[boolean] Include React docs only (one library at a time)--native[boolean] Include Native docs only--migration[boolean] Include HeroUI v2 to v3 migration docs only--output <file>[string] Target file path (e.g.,AGENTS.md,CLAUDE.md)--ssh[boolean] Use SSH instead of HTTPS for git clone
Examples:
Run without flags to enter interactive mode:
heroui agents-mdDownload React docs to a specific file:
heroui agents-md --react --output AGENTS.mdDownload Native or migration docs:
heroui agents-md --native --output CLAUDE.mdheroui agents-md --migration --output AGENTS.mdHow it works:
- Clones documentation from the
v3branch using git sparse-checkout - Generates a compact index of doc and demo files
- Injects the index into your markdown file between markers (
<!-- HEROUI-REACT-AGENTS-MD-START -->/<!-- HEROUI-REACT-AGENTS-MD-END -->, and similar for Native and Migration) - Adds
.heroui-docs/to.gitignore
Only one of --react, --native, or --migration can be selected at a time.
For more details, see AGENTS.md.
The agents-md command collects anonymous usage data (selection, output file names, duration, success or error). Set HEROUI_ANALYTICS_DISABLED=1 to opt out.
Reporting issues
If you found a bug, please report it in heroui-cli Issues.