design systempackages/design/ui
ui package
Primary component library — Lobe UI re-exports + custom primitives + layout + framer-motion. The one place to import from.
- Stability
- Stable
- Scope
- Global
- Boundary
- packages/design/ui
uipackages/design/ui
Design systemButton · default
Button · outline
Button · secondary
Stable
Badge
Info
ColorBadge
Input · resting
Tokens shipped
432
Components
37
Coverage
83%
Sync status
OK
packages/design/uidesign supply chain
Usagepage.tsx
typescriptpage.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}