JGuang / JGuang UI

May 2026 - JGuang UI eject

本页提供 JGuang UI 技术内容、中文导航与术语适配。

中文模式已适配导航、标题、简介、目录与常用章节名称。翻译状态:部分完成;技术正文目前仍为英文。

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.

来源: changelog/2026-05-jguang-ui-eject.mdx

JGuang UI 技术文档。