create-react-tailwind is a powerful CLI tool designed to streamline the setup of new React or Vite projects with Tailwind CSS integration and a predefined folder structure. Simplify your project initialization and boost your productivity.
- Project Creation: Easily create new React or Vite projects.
- Tailwind CSS Setup: Automatically configure Tailwind CSS for your project.
- Predefined Folder Structure: Generate a consistent and organized folder structure to kickstart your development.
To install the package globally, use the following command:
npm install -g create-react-tailwind
After installing the package globally, create a new project by running:
create-react-tailwind <appname>
Alternatively, you can use npx
to run the CLI tool without global installation:
npx create-react-tailwind <appname>
You will be prompted to choose between creating a React or Vite project.
To create a new project named my-app
:
create-react-tailwind my-app
or
npx create-react-tailwind my-app
The following folder structure will be created within the src
directory:
📁 src
├── 📁 app
│ ├── 📁 contexts
│ ├── 📁 hook
│ └── 📁 services
├── 📁 assets
│ ├── 📁 icon
│ └── 📁 images
├── 📁 components
│ ├── 📁 core
│ ├── 📁 router
│ └── 📁 sections
├── 📁 constants
├── 📁 lib
├── 📁 pages
└── 📁 util
📁 public
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
- Het Shah
Feel free to report issues or request new features.
- GitHub: het-shah-25
CLI tool, React project setup, Vite project setup, Tailwind CSS integration, predefined folder structure, project scaffolding, React, Vite, Tailwind CSS, frontend development, web development tools