tablekit

A table component that agents get right

tablekit is an open-source data table for design systems and agentic prototyping. Agents describe it in JSON, engineers compose it from parts, and designers theme it with tokens.

v0.1 · React · MIT

Built for agents

A strict, typed JSON schema, llms.txt, AGENTS.md, a shadcn registry and ready-made prompts, so Claude Code, Cursor or v0 get the table right the first time.

Fits your design system

All styling runs through --tk-* tokens. One-line presets map them to shadcn/ui, Material 3, Carbon and Radix, and a DTCG tokens.json imports into Figma.

Accessible by default

A semantic table with aria-sort, arrow-key cell navigation, announced changes, visible focus, reduced motion, forced colors and 44px touch targets.

Web first, mobile ready

Container-query responsive layout. On narrow screens it stacks into cards or drops low-priority columns.