← All projects

@poupe/tailwindcss

Tailwind CSS v4 plugin that injects Poupe theme tokens as design tokens and utility classes.

Bridges @poupe/theme-builder tokens into Tailwind CSS v4's @theme layer. Colour roles, typography scales, elevation levels, and shape tokens are registered as CSS custom properties so they participate in Tailwind's utility generation — bg-primary, text-on-surface, rounded-lg all resolve to the active theme.

Supports light/dark mode switching through the token layer, custom breakpoints, and composing multiple theme sources into a single Tailwind configuration.