#Tailwind CSS

#Install

pnpm

npm

yarn

bun

pnpm add -D tailwindcss @tailwindcss/postcss postcss

npm install -D tailwindcss @tailwindcss/postcss postcss

yarn add -D tailwindcss @tailwindcss/postcss postcss

bun add -D tailwindcss @tailwindcss/postcss postcss

#Configure

Create postcss.config.mjs in project root:

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};

#Usage

Import Tailwind in your style entry:

/* app/popup/index.css */
@import "tailwindcss";

Then import that CSS in your entry script:

import "./index.css";

Now you can use Tailwind utility classes directly in components.