Skip to content
n3wth docs

Use with Tailwind

@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

Section titled “Native primitives”

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

@import 'tailwindcss';
@import '@n3wth/ui/tailwind-theme.css';
@import '@n3wth/ui/site.css';

Root compatibility adapters

Section titled “Root compatibility adapters”

When you retain compatibility components, replace the final import and add an explicit source:

@import 'tailwindcss';
@import '@n3wth/ui/tailwind-theme.css';
@import '@n3wth/ui/styles';
@source '../node_modules/@n3wth/ui/dist/**/*.js';

Resolve @source relative to the CSS file. Workspace consumers scan their built packages/ui/dist directory instead.

Section titled “Related”
Entry PointsReference for tailwind-theme.css, styles, and the Tailwind preset.
PrimitivesChoose between native Astryx controls and root adapters.