Tailwind CSS

We provide a Tailwind CSS plugin which enhances your tailwind theme with QUI colors, fonts, and more.

Current Version

{
  "@qui/tailwind-plugin": "1.7.1",
}

Install

npm i --save-dev @qui/tailwind-plugin

yarn add -D @qui/tailwind-plugin

pnpm add -D @qui/tailwind-plugin

Once installed, add the plugin to your Tailwind config file:

/** @type {import("tailwindcss").Config} */
module.exports = {
  content: [
    // ...
  ],
  plugins: [require("@qui/tailwind-plugin")],
  prefix: "",
}

Theme

Refer to the Theme section for documentation on the classes that this plugin provides.

Vite / Webpack / etc.

Colors