Skip to main content

Design system reference

The Digitaltableteur design system, documented from its component contracts. Everything here is public and needs no login. The components ship in the @digitaltableteur/react npm package.

For people

  • Components: 196 reference pages: when to use each one, props with type and default, variants, keyboard and rules.
  • Design System Contract 1.0: The open format the component contracts are written in, with its checker.
  • Agent demo: How agents retrieve and compose these components, with benchmark results.

For agents and tools

  • components.json: Every component with props, allowed variant values and links, as JSON.
  • Markdown pages: Add .md to any component URL, or send Accept: text/markdown.
  • Contracts: One machine-readable contract per component in the open format.
  • custom-elements.json: Custom Elements Manifest 2.x for the web components.
  • tokens.json: Design tokens in the DTCG 2025.10 format, each with its purpose.
  • llms.txt: One line per component with links to its page and Markdown.
  • MCP endpoint: Search components, read their docs and validate JSX against the contracts.