tailwind-setup
v2.2.0
Published
![npm](https://img.shields.io/npm/v/tailwind-setup)
Downloads
72
Readme
TailwindCSS Setup
Link to npm package: https://www.npmjs.com/package/tailwind-setup
Introduction
TailwindCSS Setup is a convenient npm package that streamlines the process of setting up TailwindCSS in various development environments. Whether you're using React, Vite, Next.js, Nuxt.js, SvelteKit, or other popular frameworks, this tool ensures a seamless setup experience.
Features
- Supports Multiple Frameworks: Compatible with React (both Create React App and Vite), Next.js, Nuxt.js, Angular, Vue with Vite, SvelteKit, and more.
- Automated TailwindCSS Initialization: Installs necessary dependencies and configures TailwindCSS automatically.
- Easy to Use: Simple CLI prompts to select your framework and get started quickly.
- Custom Configuration: Generates a
tailwind.config.js
file and integrates Tailwind directives into your project's CSS.
Installation
To install the TailwindCSS Setup Helper, use npm:
npm install -g tailwind-setup
You will be prompted to select the framework you are using. Follow the on-screen instructions to complete the setup.
Example
- Run the setup command:
npx headwind
- Run the setup command:
? Select the framework you are using:
React with Vite
React with Create React App
Next.js
Vue with Vite
Nuxt.js
Angular
Svelte with SvelteKit
Gatsby
Laravel
- Wait for the setup to complete. TailwindCSS will be installed and configured for your selected framework.
Supported Frameworks
- React with Vite
- React with Create React App
- Next.js
- Vue with Vite
- Nuxt.js
- Angular
- Svelte with SvelteKit
- Gatsby
- Laravel
Contribution
Contributions are welcome! If you have any improvements or suggestions, please create an issue or submit a pull request.
- Fork the repository
- Create your feature branch (git checkout -b feature/your-feature)
- Commit your changes (git commit -m 'Add some feature')
- Push to the branch (git push origin feature/your-feature)
- Open a pull request