create-react-shadcn-kit
v0.1.1
Published
Create a React (Vite) app with shadcn/ui pre-integrated — zero config.
Maintainers
Readme
create-react-shadcn-kit
Create a React (Vite) app with shadcn/ui pre-integrated — zero config.
One command, a fresh Vite + React project, Tailwind configured, shadcn/ui initialized, path aliases wired, and your favorite components already installed. No juggling three CLIs.
Usage
npx create-react-shadcn-kit@latestOr pass a name directly:
npx create-react-shadcn-kit my-appWhat it does
- Scaffolds a fresh Vite + React app via
create-vite@latest(TypeScript or JavaScript). - Installs and wires up Tailwind CSS v4 via
@tailwindcss/vite. - Configures
@/*path aliases invite.config,tsconfig.json, andtsconfig.app.json. - Runs
shadcn@latest initinside the new project. - Pre-installs the shadcn components you selected.
- Wires up state management — Redux Toolkit (default) or Zustand, with a sample store and (for Redux)
<Provider>already wrapping<App />inmain.tsx. - (Optional) Sets up Husky + lint-staged + Prettier with a pre-commit hook that runs
eslint --fixandprettier --writeon staged files.
You skip the "install Vite → add Tailwind → patch configs → read shadcn docs → run init → add components one by one" ritual.
Options
| 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 |
Examples
# Fully interactive
npx create-react-shadcn-kit
# Non-interactive with defaults
npx create-react-shadcn-kit my-app --yes
# Use pnpm
npx create-react-shadcn-kit my-app --pnpmRequirements
- Node.js 18.17+
- Network access (to fetch
create-viteandshadcn)
Development
git clone https://github.com/NikunjSonigara/create-react-shadcn-kit.git
cd create-react-shadcn-kit
npm install
node bin/index.js test-app --yesContributing
Issues and PRs welcome at github.com/NikunjSonigara/create-react-shadcn-kit.
License
MIT
