Skip to content
Design System Supply Chain

ui

Primary component library — Nebutra components, custom primitives, layout, theme bridge, and the shared Motion facade. The product UI import boundary.

packages/design/ui · Source ↗ · Docs ↗

300+ primitives
NewBetaStable
Composable Card

Primitives + GSAP, themed by tokens.

@nebutra/ui · Storybook covered

In code

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}

More in nebutra.com

All 9 packages