Agent-legible design system
Components
Start with the free roster, then add finished Pro composition for property inspectors, data grids, docks, command surfaces, node editors, and agent-operations consoles.
Showing 200 of 200 components
Free roster
Start with the capability layer
Core primitives and data surfaces install from the public registry at no authoring cost.
Button
Primary action button with density variants, 6 styles, loading states, and three finishes (flat, tinted, inset) with translate-only press physics
Input
Text input with leading/trailing icons, addons, clear button, scrubable numbers
DataGrid
Spreadsheet-style editable grid with cell editing, arrow navigation, multi-select
Command
Cmd+K command palette with search, grouping, keyboard nav
Kanban
Drag-and-drop kanban board with columns, cards, avatars, labels
Table
Styled HTML table with header, body, footer, caption, and row hover
Featured surfaces
Compose professional workspaces
Representative inspectors, docks, command surfaces, grids, editors, and agent-operations views.
Property Inspector
Odin-style property panel with sections, inline editors, drag reorder
Filterable Data Grid
Data grid with column filters, saved views, export, bulk actions
Tab Dock
Dockable tab container with drag reorder, close, split, pin
Command Palette
Global Cmd+K palette with actions, navigation, recent, search
Node Editor
Visual programming node graph with typed ports, connections, groups
Agent Orchestration
Multi-agent orchestration dashboard with workflow status, agent cards, and metrics
Full catalog
Browse by surface class
Expand only the category you need instead of scanning one undifferentiated wall of cards.