Docs
Nexus-UI uses Tailwind v4 with the PostCSS plugin, CSS-first configuration, and shared design tokens. Follow these steps on a fresh Next.js app or compare with this repository’s postcss.config and globals.
From your project root:
npm install tailwindcss @tailwindcss/postcssRegister the Tailwind v4 PostCSS plugin (see postcss.config.mjs in Nexus-UI).
export default {
plugins: {
"@tailwindcss/postcss": {},
},
};Import Tailwind once at the top of your global CSS file (for example src/app/globals.css):
@import "tailwindcss";
@theme inline {
/* Map design tokens — mirror Nexus-UI’s semantic colors for consistency */
}Import that stylesheet from your root layout.tsx. Layer component libraries (for example shadcn) after Tailwind per their docs.
Older projects may still use tailwind.config.js and @tailwind base/components/utilities. New work should prefer v4 for parity with Nexus-UI and simpler token pipelines.