JGuang
EN
文档中心

选择设计系统，
进入对应文档。

每套设计系统都保留独立的组件模型、安装方式、文档结构与开源来源说明。

JGuang UI

可组合、开放、生产就绪

120 份组件实现

Mantine Core

完整展示稳定 @mantine/core 组件目录、独立主题预览与原生 npm 安装。日期、图表等额外包不在本批范围。

121 个组件

HeroUI

无障碍、精致、Tailwind 原生

81 个稳定组件模块

Astryx

可组合、多主题、智能体就绪

103 类组件

Arco Design

React 业务组件与可配置的设计 Token。

69 个组件

Material UI

Material UI Core：原生 React 组件、Emotion 主题、双语实用文档与 npm 安装。MUI X、Lab 和 Pigment 另行接入。

57 类组件／指南

Ant Design

原生 Ant Design React 组件、ConfigProvider 主题、本地中英文文档与固定版本 npm 安装。Ant Design Pro 另行接入。

72 类组件／指南

Chakra UI

原生 Chakra UI v3 组件、隔离 Emotion 主题、双语实用指南与固定版本 npm 安装。不包含 Chakra Pro。

114 个组件指南

本中心只展示已接入的文档；后续资源和许可限制统一记录在资源目录中。 查看计划接入资源

组件与动画库文档

动画与特效已接入

Libraries.dev

组件图库

七个公开 React 特效包，提供 Canvas、WebGL、边框、声音和头像预览。不包含 Pro 内容。

7 个公开包查看资源
UI 组件库已接入

Beautiful UI

组件图库

面向 AI 界面的 MIT 组件：思考、流式文本、工具、确认、表格与智能体屏幕。

21 个组件查看资源
UI 组件库已接入

Magic UI

组件图库

Magic UI 免费 Registry：动画组件、视觉特效与公开示例。不包含付费模板。

78 个组件查看资源
动画与特效已接入

Kinetics

仅指南

JGuang 原创界面动画实现的双语目录，包含交互预览、React 代码、CSS 与实现指南。

144 个动画模式查看资源
UI 组件库已接入

daisyUI

组件图库

原生 daisyUI CSS 组件、隔离主题、双语实用指南和 Tailwind 4 安装。可选日历保留各自 API。

68 个组件指南查看资源
动画与特效已接入

Motion Primitives

组件图库

原生 React 动效组件、隔离预览、双语指南和源码 Registry 安装包。

33 个组件查看资源

移动端

移动端官方资源接入

Ant Design Mobile

组件图库 · 71

React 移动网页界面组件。

71 个组件查看资源

海报与平面

海报与平面官方服务入口

tldraw

官方演示 · 212

提供试用、商业和爱好者许可的画布 SDK。

212 个官方示例查看资源

IP 与插画

IP 与插画官方资源接入

Open Peeps

素材预览 · 93

可组合的手绘人物和表情。

93 幅插画查看资源
IP 与插画官方资源接入

Open Doodles

素材预览 · 33

适合产品与海报的可编辑手绘插画。

33 幅插画查看资源
IP 与插画官方资源接入

DiceBear

素材预览 · 31

通过风格和种子生成可重复的头像。

31 种头像风格查看资源
返回 JGuangJGuang UI 组件HeroUI 组件