ComingUp ComingUp
orb-ui: React Voice Agent UI Components

orb-ui: React Voice Agent UI Components

Mar 14, 2026 Developer Tools

Gallery

orb-ui: React Voice Agent UI Components

About

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.comnpm: https://www.npmjs.com/package/orb-uiGitHub: https://github.com/alexanderqchen/orb-uiCurious what voice AI UIs people are building and what you'd want from a library like this.

Comments (2)

Elisha Sanford Elisha Sanford 3 months ago

pricing per adapter or flat fee?

Cristopher Blick Cristopher Blick 3 months ago

what does this actually abstract beyond a CSS pulse?