create-react-tailwind
v1.0.6
Published
A CLI tool to create a new React or Vite project with Tailwind CSS setup and a predefined folder structure.
Downloads
8
Maintainers
Readme
create-react-tailwind
🌟 Description
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.
🚀 Features
- 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.
📦 Installation
To install the package globally, use the following command:
npm install -g create-react-tailwind
🛠 Usage
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.
Example
To create a new project named my-app
:
create-react-tailwind my-app
or
npx create-react-tailwind my-app
📂 Folder Structure
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
💬 Contributing
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
📜 License
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
👤 Author
- Het Shah
🐞 Issues
Feel free to report issues or request new features.
📬 Contact
- GitHub: het-shah-25
🌐 Keywords
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