HN Showcase
Back to browse
orb-ui – Voice AI UI Components for React (Vapi, ElevenLabs, etc.)

orb-ui – Voice AI UI Components for React (Vapi, ElevenLabs, etc.)

by alexanderqchen·Mar 13, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●●SolidEye CandySlick

Drop-in voice AI orb component when you're tired of rebuilding pulsing circles for Vapi.

Strengths
  • •Adapter pattern supports Vapi and ElevenLabs with easy extension for new providers
  • •Built-in state machine handles idle, connecting, listening, and speaking animations automatically
  • •Real-time audio volume reaction creates polished voice UI without custom animation code
Weaknesses
  • •Voice AI component space will fragment as more libraries emerge for this pattern
  • •Only provides the orb visualization, not full conversation UI with transcripts or messages
Target Audience

React developers building voice AI interfaces

Similar To

Vapi SDK · ElevenLabs SDK · Retell AI

Post Description

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.

```jsx 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.

What it is: - An npm package: Install, import, ship. No copy-pasting component files - Provider-agnostic: Ships with Vapi + ElevenLabs adapters, easy to add others - Just the UI layer: Doesn't touch your prompts, your backend, or your logic - MIT licensed

What it isn't: - A voice AI SDK (use Vapi/ElevenLabs/Bland for that) - A full conversation UI (no transcript, no message history)

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.

Similar Projects