Design Systems

A small pnpm monorepo for a React design system.

Structure

• packages/tokens: design tokens built with Style Dictionary.
• packages/react: React components built on Base UI.
• apps/demo: a consuming Vite app.
• docs: design system documentation.

Commands

pnpm install
pnpm build
pnpm dev
pnpm lint
pnpm format

The React package imports token CSS from @design-system/tokens/tokens.css, so run pnpm build before consuming packages outside this workspace.