Skip to content
All features
design systempackages/design/icons

icons package

541 Geist icons as tree-shakable TSX components. Single-weight, optical-sized, drop-in for Vercel / v0 visual parity.

Open docs
Stability
Stable
Scope
Global
Boundary
packages/design/icons
iconspackages/design/icons
Design system

Tokens shipped

410

Components

55

Coverage

95%

Sync status

OK

packages/design/iconsdesign supply chain
Usageicons.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>
More in domain · design system
brandPackage
packages/design/brand

Brand primitives — color definitions, gradient tokens, motion language. Source data; not imported at runtime by apps.

Explore
design-syncPackage
packages/design/design-sync

Provider-agnostic design-tool sync — Figma, Penpot, or git-only. Pulls design-tool tokens to repo and pushes repo to design tool, safely dry-run by default.

Explore
design-tokensPackage
packages/design/design-tokens

W3C DTCG $value/$type token files + Style Dictionary 4 pipeline. Output CSS variables, JS modules, Figma sync feeds.

Explore
themePackage
packages/design/theme

CSS-only multi-theme engine — six oklch presets toggled by data-theme attribute. No JavaScript on the critical path.

Explore