TailwindCSS Setup

!npm

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:

``bash
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

1. Run the setup command:

`bash
npx headwind
`

2. Run the setup command:

`bash
? 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
``
3. 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