Liquid orb

Liquid orb

A glassy swirling AI presence orb that changes pace as the assistant listens, thinks or speaks.

Group

Presence

Origin

Inspired · Original (this library)

License

MIT

Added

Oct 18

npx shadcn@latest add @deank/liquid-orb

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { LiquidOrb } from "@/registry/components/liquid-orb/liquid-orb";

<LiquidOrb />

Prop	Type	Default	Description
`size?`	`number`	`160`
`colors?`	`string[]`	`["oklch(70% .2 290)", "oklch(78% .15 220)", "oklch(82% .14 340)", "oklch(88% .12 90)"]`	Two to four colors swirled inside the orb.
`state?`	`OrbState`	`"idle"`
`className?`	`string`
`label?`	`string`

A voice or AI presence indicator (listening, thinking, speaking).

Small inline status (thinking-loader); a friendly face that acts out each agent state (robot-head).