Sketchpad UI

Production-quality React components with a pen-on-paper wireframe aesthetic. Copy-friendly, accessible, and fully documented.

63 shipped today · deterministic SVG paths · zero runtime deps

Why Sketchpad UI?

Sketch-native

Every border is generated by our path engine: seeded, cacheable, and consistent across SSR and CSR.

Complete catalog

Forms, navigation, overlays, data display, and chat primitives on the roadmap.

Accessible first

Real semantic controls under decorative SVG. Keyboard, ARIA, and WCAG contrast baked in.

Quick install

npm install sketchpad-ui @sketchpad/tokens