Display

Dither Agents

A compact animated identity for agents, tasks, and system states. Each seed produces a stable visual while status controls its motion.

example.tsx

import { DitherOrbAvatar } from "@/components/ui/dither-orb-avatar"

export function Demo() {
  return (
    <DitherOrbAvatar
      seed="violet-agent"
      size={64}
      palette="violet"
      status="running"
    />
  )
}