Configuration

Add the TailUI plugin to your Tailwind config:

tailwind.config.js

// tailwind.config.js
module.exports = {
  content: ["./src/**/*.{html,js,jsx,tsx}"],
  plugins: [require('tailuicss')()],
};

Add the TailUI PostCSS plugin before tailwindcss:

postcss.config.js

// postcss.config.js
module.exports = {
  plugins: {
    'tailuicss/postcss': {},
    tailwindcss: {},
  },
};

Your CSS file stays standard — no special import order needed:

styles.css

@tailwind base;
@tailwind components;
@tailwind utilities;

Zero-Config

TailUI automatically injects its component styles in the correct position. No manual import order to manage.