UI / Components / agent-native / AgentOrb

AgentOrb

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

Renders an agent identity as a glassy, iridescent orb. Pass any color and the orb adopts it as the conic's source hue. The breathe + halo-pulse animation runs by default and respects prefers-reduced-motion.

$npx dock-ui add agent-orb

Usage

import { AgentOrb } from "@/components/ui/agent-orb";

<AgentOrb color="#0A84FF" size={28} />

Install

via CLI
$ npx dock-ui add agent-orb
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/agent-orb.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →