Skip to content
全部能力
设计系统packages/design/icons

icons 能力包

541 个 Geist icon,以 tree-shakable TSX 组件分发;单字重 + 光学尺寸,与 Vercel / v0 视觉对齐。

打开文档
稳定性
稳定
作用域
全局
边界
packages/design/icons
iconspackages/design/icons
设计系统

Tokens 数

410

组件

55

覆盖率

95%

同步状态

OK

packages/design/icons设计供应链
使用方式icons.tsx
typescript
icons.tsx
1import { ArrowRight, Search, Sparkles, Brain } from "@nebutra/icons";
2
3<button>
4  <Search className="size-4" />
5  Search docs
6</button>
7
8<div className="flex items-center gap-2">
9  <Sparkles className="size-3" />
10  AI-generated
11</div>
同能力域 · 设计系统
brand能力包
packages/design/brand

品牌原语 — 颜色定义、渐变 token、动效语言;为源数据,不被 app 运行时直接引用。

查看
design-sync能力包
packages/design/design-sync

Provider 无关的设计工具同步 — Figma / Penpot / 仅 Git;双向同步 token,默认 dry-run 安全。

查看
design-tokens能力包
packages/design/design-tokens

W3C DTCG $value/$type 规范的 token 文件 + Style Dictionary 4 流水线;输出 CSS 变量、JS module、Figma 同步源。

查看
theme能力包
packages/design/theme

纯 CSS 多 theme 引擎 — 六套 oklch preset,通过 data-theme 切换;关键路径无 JS。

查看