create-vite-shadcn

🚀 Quickly scaffold a Vite + React + TypeScript + Tailwind CSS + shadcn/ui project with a single command.

Usage

# Using bun
bun create vite-shadcn my-app

# Using npm
npm create vite-shadcn@latest my-app

# Using yarn
yarn create vite-shadcn my-app

# Using pnpm
pnpm create vite-shadcn my-app

What it does

This CLI tool automates the entire setup process for a modern React development stack:

✅ Creates Vite React TypeScript app
✅ Installs dependencies with your package manager
✅ Adds Tailwind CSS with Vite plugin
✅ Configures TypeScript path aliases (@/*)
✅ Updates all configuration files
✅ Initializes shadcn/ui
✅ Ready to start coding immediately

What's included

• Vite - Fast build tool and dev server
• React 18 - Latest React with TypeScript
• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Beautiful, accessible UI components
• TypeScript - Full type safety
• Path aliases - Clean imports with @/ prefix

Tech Stack

• Vite - Build tool
• React - UI framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• shadcn/ui - UI components

After setup

Once the setup is complete, you can:

cd my-app
bun dev          # Start development server

Add shadcn/ui components:

bunx --bun shadcn@latest add button
bunx --bun shadcn@latest add card
bunx --bun shadcn@latest add input

Requirements

• Node.js 18+
• Bun, npm, yarn, or pnpm

License

MIT