Design System
Figma-first React design system in 13 independently published packages, from tokens to canvas.
- 13
- published packages
- v0.2.0
- current release
A layered React/TypeScript design system published as
@tsok-org/design-system-* packages: foundations (base, theme, typography,
fonts, icons), composition (elements, components, forms, layout, hooks), and
two substantial modules — canvas, an interactive multi-layer canvas with
image/video/text/markdown/rich-text/3D renderers and a 9-zone toolbar
layout, and chat, an agent conversation UI.
It exists because the lab's third principle (the interface matters) needs a place to live: the components here are where agentic UI/UX patterns get built and reused across the lab's products.
Sandbox status is honest — the packages are published and consumed, but most documentation is still skeletal and the license field is being finalized. The canvas module is the exception: fully documented and the best entry point for evaluating the system.