Tailwind CSS Vite Installer

🚀 Overview

This CLI tool automates the installation and configuration of Tailwind CSS for projects using Vite.js.

✨ Features

• Installs Tailwind CSS and its dependencies
• Configures Tailwind for your Vite project
• Updates CSS files automatically
• Supports multiple JavaScript frameworks that use Vite (React, Vue, Svelte, etc.)

📦 Installation

You can install this package globally via npm:

npm install -g tailwind-vite-installer

Or use it directly via npx:

npx tailwind-vite-installer

🎯 Usage

To install Tailwind CSS in your Vite.js project, run:

tailwind-vite-installer

Then follow the interactive prompts to select your framework.

🛠 Supported Frameworks

• React (with Vite)
• Vue (with Vite)
• Svelte (with Vite)
• Vanilla JS (with Vite)

📖 How It Works

1. Detects if your project uses Vite.js.
2. Installs Tailwind CSS and necessary dependencies.
3. Generates the tailwind.config.js file.
4. Updates CSS files with Tailwind directives.
5. Provides the next steps to start using Tailwind.

📝 Example

For a React project:

npx tailwind-vite-installer

Choose "React" when prompted, and the setup will be completed automatically.

📌 Notes

• This tool works only with Vite-based projects.
• Make sure you have Node.js and npm installed.

🛠️ Contributing

Feel free to open an issue or a pull request if you have suggestions or improvements!

📜 License

MIT License