Awesome

cover

<div align="center"> <img src="https://img.shields.io/npm/v/new-tailwind-app?color=%2317BCB8" alt="version"> <img src="https://img.shields.io/npm/l/new-tailwind-app?color=%2317BCB8" alt="license"> <img src="https://img.shields.io/npm/dt/new-tailwind-app?color=%2317BCB8" alt="downloads"> <a href="https://stars.github.com/nominate/"> <img src="https://img.shields.io/badge/GitHub%20Star-Nominate%20%40msaaddev-%2317bcb8" alt="nominate @msaaddev for GitHub Star" /> </a> </div> <br> <p align="center"> <strong>A zero-configuration cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.</strong> </p>

separator

Simple: One command setup for all your Tailwind CSS web applications
Cross-platform: Works on all available operating systems including Linux, macOS, and Windows
Support: Five different web frameworks available with Tailwind CSS integration
Prettier: Integrate prettier in Next.js, React.js, Gatsby.js & Vue3 with --prettier flag and then easily format the code with npm run format
MIT Licensed: Free to use for personal and commercial use.
Featured: new-tailwind-app has been featured in CooperPress newsletters, i.e., Node Weekly and JavaScript Weekly that is subscribed by half a million developers..

Note: If you are on Windows, make sure to either use Command Prompt or Windows Powershell to run the CLI.

🚀 Supported Frameworks & Libraries

You can also generate simple HTML, CSS, and JavaScript application with Tailwind integration using new-tailwind-app.

📦 Installation

# install the CLI globally
npm install -g new-tailwind-app

# use it with npx (recommended)
npx new-tailwind-app [app_name] --flag

🚀 Usage

Navigate to the folder you want to have your tailwind web app.

# help section
npx new-tailwind-app --help

# create a basic tailwind app
npx new-tailwind-app [app_name] --basic

# create a next.js tailwind app
npx new-tailwind-app [app_name] --next

# create a next.js tailwind app with prettier
npx new-tailwind-app [app_name] --next --prettier

# create a react.js tailwind app
npx new-tailwind-app [app_name] --react

# create a react.js tailwind app with prettier
npx new-tailwind-app [app_name] --react --prettier

# create a gatsby.js tailwind app
npx new-tailwind-app [app_name] --gatsby

# create a gatsby.js tailwind app with prettier
npx new-tailwind-app [app_name] --gatsby --prettier

# create a vue3 tailwind app
npx new-tailwind-app [app_name] --vue3

# create a vue3 tailwind app with prettier
npx new-tailwind-app [app_name] --vue3 --prettier

# create a laravel tailwind app
npx new-tailwind-app [app_name] --laravel

# if installed globally
new-tailwind-app [app_name] --flag

help section

🎩 Demo

# if you have installed globally
new-tailwind-app

creates tailwind app

# set up a basic tailwind app using npx
npx new-tailwind-app@latest [app_name] --basic

creates tailwind app

# sets up next.js tailwind app using npx
npx new-tailwind-app@latest [app_name] --react

creates next.js tailwind app

👨🏻‍💻 Contributing

Make sure you read the contributing guidelines before opening a PR. If you want something else to integrate with the CLI, open an issue in the repository and I will get back to it.

⚡️ Other Projects

I have curated a detailed list of all the open-source projects I have authored. Do take out a moment and take a look.

🔑 License & Conduct

Code of Conduct