vitetailwindcss

Quickly scaffold a Vite + React + Tailwind project with zero configuration. Choose JavaScript or TypeScript and get started in seconds!

Features

• Choose your language: JavaScript (JSX) or TypeScript (TSX)
• Pre-configured styling: Tailwind CSS ready to use
• No global installs: Run directly with npx
• Minimal setup: Get coding immediately
• Clean templates: Minimal starter templates cloned from GitHub

Quick Start

npx vitetailwindcss

Follow the interactive prompts to:

1. Select your preferred language (JavaScript or TypeScript)
2. Enter your project name (default: my-app)
3. Watch the magic happen! ✨

What You Get

Your new project comes with:

• Vite - Next generation frontend tooling
• React 18 - Latest React with modern features
• Tailwind CSS - Utility-first CSS frameworkdevelopment

Next Steps

After creating your project:

cd your-project-name
npm install
npm run dev

Then open your browser and start building your awesome app!

Requirements

• Node.js 14.18+ or 16+
• npm 6+ or yarn 1.22+

Examples

JavaScript Project

npx vitetailwindcss
# Select JavaScript
# Enter project name: my-awesome-app
cd my-awesome-app
npm install
npm run dev

TypeScript Project

npx vitetailwindcss
# Select TypeScript
# Enter project name: my-typed-app
cd my-typed-app
npm install
npm run dev

Contributing

We welcome contributions! Please feel free to submit a Pull Request.

Connect with Me

• GitHub: @akshay08k

Happy coding! 🎉

Made with ❤️ for the React community