Design System Supply Chain
icons
541 Geist icons as tree-shakable TSX components. Single-weight, optical-sized, drop-in for Vercel / v0 visual parity.
541 icons · tree-shakable
@nebutra/icons · Geist source
In code
icons.tsx
1import { MagnifyingGlass, Sparkles } from "@nebutra/icons";
2
3<button>
4 <MagnifyingGlass 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 nebutra.com
- brandBrand primitives — color definitions, gradient tokens, motion language. Source data; not imported at runtime by apps.
- design-syncGit-only design-token sync — tokens live in the repo as the source of truth, no design-tool round-trip to keep in lock-step.
- design-tokensW3C DTCG $value/$type token files + Style Dictionary 4 pipeline. Output CSS variables and JS modules, edited git-only — no design-tool sync round-trip.
- fontsSelf-hosted open-source fonts: the Chinese body face every app loads, plus a registry of 19 faces that themes and DESIGN.md files can name — no request leaves for a font CDN.
- themeCSS-only multi-theme engine — six oklch presets toggled by data-theme attribute. No JavaScript on the critical path.
- tokensRuntime CSS variables + ThemeProvider — single source of truth for colors, spacing, radii in every app. @import in your globals.css.