Skip to content

πŸš€βœ¨ Tailwind-Init CLI is your ultimate 🌈 one-command setup for Tailwind CSS in Angular, React, or Next.js! 🎯 Installs dependencies πŸ“¦, sets PostCSS ⚑, and prepends CSS 🎨 automatically. Type tailwind-init --react πŸ–₯️, --nextjs 🌐, or default Angular πŸ”₯. #Fast #Fun #Productivity πŸ’₯πŸ’šπŸ’›πŸ’œ

License

Notifications You must be signed in to change notification settings

ImLeoNova/tailwind-init-cli

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Tailwind-Init CLI πŸš€πŸŽ¨

NPM Version License Downloads

Tailwind-Init CLI is a blazing-fast 🏎️ one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!
No more manual installs or editing CSS filesβ€”Tailwind-Init automates everything 🎯 so you can focus on designing stunning UIs 🌈✨.


🌟 Features

  • ⚑ One-command setup for Angular, React, Next.js
  • πŸ“¦ Automatically installs dependencies:
    • tailwindcss
    • postcss
    • autoprefixer
    • @tailwindcss/postcss (Angular / Next.js)
  • πŸ“ Generates PostCSS config files:
    • Angular β†’ .postcssrc.json
    • React β†’ postcss.config.cjs
    • Next.js β†’ postcss.config.mjs
  • 🎨 Prepends Tailwind CSS imports to main CSS (styles.css, index.css, globals.css) without removing existing content
  • ❌ Throws errors for unsupported frameworks
  • πŸ”§ Supports --force to overwrite PostCSS config files

πŸ’Ύ Installation

Global Install

npm install tailwind-init-cli

Run via npx (no install needed)

npx tailwind-init

πŸ›  Usage

Framework Command Description
Angular (default) tailwind-init Sets up Tailwind in Angular project
React tailwind-init --react Sets up Tailwind in React (CRA / Vite)
Next.js tailwind-init --nextjs Sets up Tailwind in Next.js (App Router)

Overwrite PostCSS Config

tailwind-init --react --force

πŸ“‚ PostCSS Config Details

Framework File Name Format
Angular .postcssrc.json JSON
React postcss.config.cjs CommonJS
Next.js postcss.config.mjs ES Module

🎯 Why Tailwind-Init?

Tailwind-Init saves you minutes of setup, prevents errors, and ensures Tailwind CSS is correctly configured.
Perfect for fast prototyping, personal projects, or team projects. πŸŽ¨πŸ’»


πŸ”₯ Quick Start Example

# Angular (default)
tailwind-init

# React
tailwind-init --react

# Next.js
tailwind-init --nextjs

🀝 Contributing

Contributions are welcome! Open an issue or submit a pull request.
Let's make Tailwind-Init even faster, smarter, and more fun! πŸŽ‰βœ¨


πŸ“œ License

MIT License Β© 2025 Arian Esmaeilzadeh


πŸ’₯ Tailwind-Init CLI = Fast ⚑ + Fun 🎨 + Productive πŸš€. Start building beautiful interfaces in seconds! 🌈✨

About

πŸš€βœ¨ Tailwind-Init CLI is your ultimate 🌈 one-command setup for Tailwind CSS in Angular, React, or Next.js! 🎯 Installs dependencies πŸ“¦, sets PostCSS ⚑, and prepends CSS 🎨 automatically. Type tailwind-init --react πŸ–₯️, --nextjs 🌐, or default Angular πŸ”₯. #Fast #Fun #Productivity πŸ’₯πŸ’šπŸ’›πŸ’œ

Resources

License

Stars

Watchers

Forks

Packages

No packages published