Installation

Add Sketchpad UI to a React 18+ or Next.js project.

Install packages

npm install sketchpad-ui @sketchpad/tokens
# or
pnpm add sketchpad-ui @sketchpad/tokens

Import styles

Load design tokens and component styles once in your app entry or root layout.

import '@sketchpad/tokens/tokens.css';
import 'sketchpad-ui/styles.css';

Use a component

import { Button } from 'sketchpad-ui';

export function App() {
  return <Button variant="primary">Sketch me</Button>;
}

Monorepo / workspace

This repo uses pnpm workspaces. Clone sketchpad-ui/sketchpad-ui and run pnpm install && pnpm dev. Docs at localhost:3000.