create-vite-react-tailwind-cli

A simple CLI tool to quickly scaffold a new Vite + React + Tailwind CSS project with all necessary configurations pre-setup.

Installation

Global Installation

npm install -g create-vite-react-tailwind-cli

Local Usage (without installation)

npx create-vite-react-tailwind-cli [path]

Usage

create-vite-react-tailwind-cli [path]

Examples

# Create a project in the current directory
create-vite-react-tailwind-cli .

# Create a project in a specific path
create-vite-react-tailwind-cli my-awesome-app

# Create a project in a nested path
create-vite-react-tailwind-cli ./projects/my-app

What Gets Created

The CLI creates a complete Vite + React + Tailwind CSS project with:

• ✅ Vite configuration with React plugin
• ✅ Tailwind CSS configuration
• ✅ PostCSS configuration with Tailwind and Autoprefixer
• ✅ React entry point (src/main.jsx) with CSS import
• ✅ Sample React component (src/App.jsx)
• ✅ Tailwind CSS directives in src/index.css
• ✅ All necessary dependencies in package.json
• ✅ Automatic dependency installation

Project Structure

your-project/
├── index.html
├── package.json
├── vite.config.js
├── tailwind.config.js
├── postcss.config.js
└── src/
    ├── main.jsx
    ├── App.jsx
    └── index.css

Getting Started

After creating your project:

# If you created in current directory (.)
npm run dev

# If you created in a subdirectory
cd your-project-name
npm run dev

Then open your browser to the URL shown in the terminal (usually http://localhost:5173).

Features

• 🚀 Fast project setup
• ⚡ Vite for blazing-fast development
• ⚛️ React 18
• 🎨 Tailwind CSS pre-configured
• 📦 All dependencies automatically installed
• 🎯 Zero configuration needed

License

MIT