Skip to main content
@n3wth/ui ships a token bridge that maps the Newth theme onto Tailwind v4’s @theme layer. Import it alongside Tailwind in your global stylesheet.

Native primitives

For an app using Tailwind v4, import the token bridge and site CSS in your global stylesheet:

Root compatibility adapters

When you retain compatibility components, replace the final import and add an explicit source:
Resolve @source relative to the CSS file. Workspace consumers scan their built packages/ui/dist directory instead.
styles already includes the site foundation, so you do not need to import both styles and site.css. Importing both duplicates the shared foundation.

Entry Points

Reference for tailwind-theme.css, styles, and the Tailwind preset.

Primitives

Choose between native Astryx controls and root adapters.
Last modified on September 20, 2026