# Install and Setup Tailwind CSS

[![documentation](https://img.shields.io/badge/documentation-brightgreen?style=flat-square)](https://tailwindcss.com/docs/installation/using-vite)
[![documentation](https://img.shields.io/badge/tailwindlabs/tailwindcss-gray?style=flat-square&logo=github)](https://github.com/tailwindlabs/tailwindcss)

```shell
yarn add --dev tailwindcss @tailwindcss/vite
```

```javascript title="vite.config.js"
// SPDX-FileCopyrightText: None
// SPDX-License-Identifier: 0BSD

import {defineConfig} from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})
```

```css title="main.css"
@import "tailwindcss";
```