Create a Next.js app with HeroUI pre-integrated — zero config.
One command, a fresh Next.js project, Tailwind CSS v4 configured, HeroUI + framer-motion installed, providers wired up, and optional state management + pre-commit hooks out of the box.
npx create-next-heroui-kit@latestOr pass a name directly:
npx create-next-heroui-kit my-app- Scaffolds a fresh Next.js app via
create-next-app@latest(App Router, Tailwind, Turbopack). - Installs
@heroui/styles,@heroui/react, andnext-themes. - Adds
@import "@heroui/styles"and adarkTailwind v4 custom variant toglobals.css. - Creates a
providers.tsxwithnext-themesThemeProviderand patcheslayoutto use it (withsuppressHydrationWarning). - Optionally adds state management — Redux Toolkit (default) or Zustand, with a sample store. Redux is composed into the same
<Providers>wrapper. - (Optional) Sets up Husky + lint-staged + Prettier with a pre-commit hook that runs
eslint --fixandprettier --writeon staged files.
You skip the "install Next → read HeroUI docs → edit Tailwind config → wire providers" ritual.
| Flag | Description |
|---|---|
-y, --yes |
Skip prompts, use sensible defaults |
--ts / --js |
TypeScript (default) or JavaScript |
--npm / --pnpm / --yarn / --bun |
Pick your package manager |
--no-husky |
Skip Husky + lint-staged setup |
--state=<lib> |
redux (default), zustand, none |
-v, --version |
Print version |
-h, --help |
Show help |
# Fully interactive
npx create-next-heroui-kit
# Non-interactive with defaults
npx create-next-heroui-kit my-app --yes
# Use pnpm
npx create-next-heroui-kit my-app --pnpm- Node.js 20+ (Next.js 16 requires it)
- Network access (to fetch
create-next-appand HeroUI packages) - Works with npm, pnpm, yarn, bun. All are tested end-to-end.
git clone https://github.com/NikunjSonigara/create-next-heroui-kit.git
cd create-next-heroui-kit
npm install
node bin/index.js test-app --yesIssues and PRs welcome at github.com/NikunjSonigara/create-next-heroui-kit.
MIT