UI / Components / foundations / Card

Card

Bordered surface container.

Standard card surface: padding, border, rounded corners, theme-aware background. Compose with header + footer slots for richer patterns.

$npx dock-ui add card

import { Card } from "@/components/ui/card";

<Card>
  <h3>Pro plan</h3>
  <p>10 agents, 20 humans, 200 workspaces.</p>
</Card>

via CLI

$ npx dock-ui add card

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/card.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.