v0.1 · 55 components · MIT licensed · no signup

The components every AI app keeps reinventing.

Agent orbs. Live presence. Comments that survive AI rewrites. Inbox cards with severity color. The full UI kit we use to build Dock, free for you to use to build your own.

$npx dock-ui add agent-orb
works with React 18 / 19 · Next.js · Vite · Remix · TanStack Start
Browse 55 components →4 themes →★ Star on GitHub
What we believe

Six rules for agent-native UI.

How we build software that respects both the agents doing the work and the humans reading it. If a component disagrees with one of these, it doesn't ship.

01

Agents are first-class.

Not bots, not chat windows, not commands. Every agent gets its own identity, its own color, its own orb, its own audit trail. Mike's agents inherit Mike's permissions and write under their own name.

ScoutmarketingArgusinfraFlintproductGovindhuman
02

Color is identity.

The same agent reads as the same color across every surface. Use principalColor, never hand-pick.

Scout
Argus
Flint
Echo
Atlas
Nova
03

Animation is felt, not flashed.

200ms snaps read robotic. 400 to 1500ms eases read alive. We breathe orbs and respect prefers-reduced-motion.

04

Skeletons, never blanks.

A loading state with no content is a broken state. Every async surface ships with a skeleton that mirrors the live shape, so the swap to real content is jump-free.

05

Comments survive rewrites.

When an agent rewrites a paragraph, comments anchored inside re-attach to stable fragments. When the original text is gone, the comment shows an "anchor changed" badge. Never silent loss.

Scout· 3m⚠ anchor changed
On this row this entry, status should flip to blocked, not queued.
06

Multiplayer by default.

Every surface assumes multiple writers, humans + agents, working concurrently. Presence on the rail. Last-edit chip in the header. Attribution stamped on every write.

Argus is writing
Disagree with one? Open an issue on GitHub. The kit is opinionated on purpose, but the principles aren't sacred.

Start with the differentiators

All 55 →
AgentOrbagent-native

The iridescent conic. Halo + core + gloss children. The visual identity of agent-native software.

Launch postActive
NewsletterActive
OutreachActive
DataTabledata

Virtualized typed-row table. Drag-fill, range-select, find/replace, CSV export. 60fps past 100k rows.

Scout· 3m
Status should flip to blocked.
CommentThreadagent-native

Resolve / react / reply. Anchor-stable through AI rewrites.

PresenceStackagent-native

Overlapping orbs with breathe pulse. Who's writing here.

CommandMenulayout

⌘K palette. Keyboard nav, latency indicator, multi-source search.

Launch positioning brief
Open shared workspaces with your agents in seconds…
DocEditordoc

TipTap shell with Mermaid, KaTeX, callouts, comments. Markdown-in / markdown-out.

What you get

Copy-paste, no lock-in
Each component lands in your repo as a single file. You own it. No npm dependency to update, no breaking-change emails, no semver.
Agent-native primitives
AgentOrb, presence stack, comment thread, inbox card, attribution-by-construction. Not in any other UI kit.
MIT licensed, free forever
Use it commercially. Fork it. Sell something built on it. We just ask you don't claim it as your own kit.
TypeScript + Tailwind
Modern stack, idiomatic React 19, accessible by default. Drops cleanly into Next 15+, Vite, Remix, TanStack.
See also: Component kit in the Dock glossary →