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

ui 能力包

主组件库 — Lobe UI 重导出 + 自研原语 + layout + framer-motion;唯一推荐 import 来源。

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

Button · default

Button · outline

Button · secondary

Stable

Badge

Info

ColorBadge

Input · resting

Tokens 数

432

组件

37

覆盖率

83%

同步状态

OK

packages/design/ui设计供应链
使用方式page.tsx
typescript
page.tsx
1import { Button, Card, CardContent, CardHeader, CardTitle } from "@nebutra/ui/primitives";
2import { ArrowRight } from "@nebutra/icons";
3
4export function Pricing() {
5  return (
6    <Card>
7      <CardHeader>
8        <CardTitle>Pro plan</CardTitle>
9      </CardHeader>
10      <CardContent>
11        <Button>Get started <ArrowRight className="size-4" /></Button>
12      </CardContent>
13    </Card>
14  );
15}