查看 JGuang UI

为 Codex、Claude Code、Cursor、WorkBuddy、豆包、千问准备

让你的 Agent更懂设计

发现设计系统、组件库、移动端、动画、图标、LOGO、海报与 IP 插画。按类别获取示例、素材入口和使用指南。

React Tailwind CSS AI 动画图标

查看 JGuang UI 安装设计系统

8 个资源

3 个资源

动画与特效

3 个资源

7 个图标库9999+ 个图标

2 个 LOGO 库6753 个 LOGO

1 个资源

海报与平面

1 个资源

3 个资源

精选设计资源

为下一个项目，找到合适的起点。

查看全部资源

设计系统已接入

JGuang UI

包含 Base UI 与 Radix UI 两套实现的可编辑 React 组件源码，并提供 Tailwind 工具类、CSS 变量主题、文档与智能体指南。

120 份组件实现查看资源

动画与特效已接入

Libraries.dev

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

7 个公开包查看资源

UI 组件库已接入

Beautiful UI

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

21 个组件查看资源

设计系统已接入

Mantine Core

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

121 个组件查看资源

UI 组件库已接入

Magic UI

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

78 个组件查看资源

按使用场景发现

你想构建什么？

产品界面

搭建应用框架、表单、导航与可访问的交互控件。

JGuang UIMantine CoreHeroUI

AI 与智能体界面

组合聊天、思考、流式响应、工具调用与确认流程。

JGuang UILibraries.devBeautiful UI

落地页与动效

为展示页面加入交互动效、视觉焦点与特效。

Libraries.devMagic UIKineticsMotion Primitives

图标与品牌素材

寻找界面图标与品牌标识，并核对各素材的授权要求。

Icon librariesLOGO libraries

独立设计系统

从完整的设计基础开始。

设计系统已接入

JGuang UI

包含 Base UI 与 Radix UI 两套实现的可编辑 React 组件源码，并提供 Tailwind 工具类、CSS 变量主题、文档与智能体指南。

120 份组件实现查看资源

设计系统已接入

Mantine Core

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

121 个组件查看资源

设计系统已接入

HeroUI

通过版本化 HeroUI v3 软件包提供 React Aria 交互、Tailwind CSS v4 样式、本地双语文档与独立复合组件 API。

81 个稳定组件模块查看资源

设计系统已接入

Astryx

Meta 开源 React 19 设计系统，提供原生组件、七套主题与智能体工具。Beta 版本，固定为 0.7.1。

103 类组件查看资源

设计系统官方资源接入

Arco Design

组件图库 · 69

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

69 个组件查看资源

CODEX · CLAUDE CODE

从发现，到你的代码中。

选择资源，体验交互，再把安装提示词和项目 Skills 交给 Agent。源码、依赖和使用规则一起进入你的项目。

01
发现资源
按你想实现的界面和功能筛选。
02
体验与理解
交互式体验组件，查看代码和使用方式。
03
交给 Agent 安装
复制提示词，安装资源并验证运行效果。