themaginui
Tailwind setup
Guide 03 / 09

Tailwind setup

Connect themaginui tokens to Tailwind CSS v4.

CSS-first configuration

Import Tailwind in your global stylesheet and define the semantic tokens inside :root. Dark mode overrides the same stable token names.

Class merging

Use the included cn helper to combine conditional classes without conflicting Tailwind utilities.