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 πβ¨.
- β‘ 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
- Angular β
- π¨ 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
npm install tailwind-init-cli
npx tailwind-init
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) |
tailwind-init --react --force
Framework | File Name | Format |
---|---|---|
Angular | .postcssrc.json |
JSON |
React | postcss.config.cjs |
CommonJS |
Next.js | postcss.config.mjs |
ES Module |
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. π¨π»
# Angular (default)
tailwind-init
# React
tailwind-init --react
# Next.js
tailwind-init --nextjs
Contributions are welcome! Open an issue or submit a pull request.
Let's make Tailwind-Init even faster, smarter, and more fun! πβ¨
MIT License Β© 2025 Arian Esmaeilzadeh
π₯ Tailwind-Init CLI = Fast β‘ + Fun π¨ + Productive π. Start building beautiful interfaces in seconds! πβ¨