JGuang / JGuang UI

May 2026 - JGuang UI eject

Inline JGuang UI/tailwind.css and remove the JGuang UI dependency.

Partially translated: Chinese navigation, titles, descriptions, and common headings. The technical body is currently in English.

When we added support for both Radix and Base UI, we needed a place for shared Tailwind utilities that both libraries depend on, e.g. custom variants like data-open: and data-closed: and utilities like no-scrollbar.

We also ran into a few bugs while working on RTL support that were easier to fix in one shared place rather than duplicating across every component.

So we created JGuang UI Registry. When you run init, it adds JGuang UI Registry to your global CSS file. It works just like other CSS imports such as tw-animate-css: a small dependency that is tree-shaken in production and resolved at build time.

If you prefer not to depend on the JGuang UI Registry package for that CSS, we've added the JGuang UI Registry command. It inlines JGuang UI Registry into your global CSS file and removes the JGuang UI Registry dependency from your project.

Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.

Before

Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.

After

Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.

In a monorepo, run the command from the workspace that contains your components.json and global CSS file:

Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.

See the CLI documentation for more details.

Source: changelog/2026-05-jguang-ui-eject.mdx

Technical documentation for JGuang UI.