🚀 tailwind-react-setup

A simple CLI tool to automatically set up Tailwind CSS in a React + Vite project.

No manual configuration.
No editing config files.
Just run one command and you're ready to go.

📦 Installation

Install globally using npm:

npm install -g tailwind-react-setup

⚡ Usage

1️⃣ Create a new React + Vite project

npm create vite@latest my-app
cd my-app
npm install

Make sure you select React when prompted.

2️⃣ Run the setup tool

tailwind-react-setup

🔥 What This Tool Does

✔ Installs Tailwind CSS and required dependencies
✔ Configures Tailwind inside vite.config.js
✔ Adds Tailwind directives to your CSS file
✔ Ensures your project is ready instantly

🖌️ Example

After setup, you can directly use Tailwind classes:

function App() {
  return (
    <h1 className="text-3xl font-bold underline text-blue-600">
      Hello Tailwind + React!
    </h1>
  );
}

export default App;

🛠 Requirements

• Node.js (v16 or higher recommended)
• A React + Vite project
• npm installed

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create a feature branch

   git checkout -b feature-name

3. Commit your changes

   git commit -m "Add feature"

4. Push and create a Pull Request

Please keep the code clean and well-documented.

📜 License

This project is licensed under the MIT License.

You are free to use, modify, and distribute this software.

👨‍💻 Duo-DEV

Built with ❤️ for developers who want faster setups.

Happy Coding 🚀