#UnoCSS

#Install

pnpm

npm

yarn

bun

pnpm add -D unocss @unocss/postcss

npm install -D unocss @unocss/postcss

yarn add -D unocss @unocss/postcss

bun add -D unocss @unocss/postcss

#Configure

Create postcss.config.mjs:

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

Optional: create uno.config.ts for presets and custom rules.

#Usage

Import UnoCSS in your style entry:

/* app/popup/index.css */
@unocss;

And import CSS in your entry script:

import "./index.css";

You can then use UnoCSS atomic classes in components.