I got tired of rebuilding the same pulsing circle every time I prototyped a voice AI app, so I packaged it up.

orb-ui is a React component library for voice AI agent UIs. You plug in an adapter for your voice provider, the component handles the state machine (idle, connecting, listening, speaking) and renders it.

  import { Orb } from 'orb-ui'
  import { createVapiAdapter } from 'orb-ui/adapters'
  
  <Orb adapter={createVapiAdapter(vapi, { assistantId })} theme="circle" />

Click the orb to start/stop. Animation reacts to audio volume in real time.

The existing alternatives (ElevenLabs UI kit, Vapi Blocks) are shadcn-style copy-paste components locked to one provider. This is a proper package you can install and update.

Demo: https://orb-ui.com

npm: https://www.npmjs.com/package/orb-ui

GitHub: https://github.com/alexanderqchen/orb-ui

Curious what voice AI UIs people are building and what you'd want from a library like this.