# orb-ui

> React voice agent UI components for Vapi, ElevenLabs, and custom realtime voice AI apps.

## Docs

- [Custom integrations](https://orb-ui.com/docs/adapters/custom.md): Use controlled mode to connect orb-ui to custom realtime voice AI stacks, WebRTC sessions, WebSocket streams, telephony, or speech pipelines.
- [ElevenLabs adapter](https://orb-ui.com/docs/adapters/elevenlabs.md): Add an ElevenLabs voice UI to React with orb-ui's adapter, audio-reactive themes, and controlled voice agent states.
- [Gemini Live adapter (coming soon)](https://orb-ui.com/docs/adapters/gemini-live.md): Use orb-ui controlled mode to build a React voice UI for Gemini Live API apps. Dedicated adapter support is planned.
- [OpenAI Realtime adapter (coming soon)](https://orb-ui.com/docs/adapters/openai-realtime.md): Use orb-ui controlled mode to prototype a React voice UI for OpenAI Realtime voice agents today. Dedicated adapter support is planned.
- [Vapi adapter](https://orb-ui.com/docs/adapters/vapi.md): Add a Vapi voice UI to React with orb-ui's adapter, animated orb visuals, and state-aware voice agent visuals.
- [Voice orb UI example](https://orb-ui.com/docs/examples/voice-orb-ui.md): Build a React voice orb UI with animated states, audio-reactive motion, adapters, and controlled mode.
- [AI voice sales agent UI patterns](https://orb-ui.com/docs/guides/ai-voice-sales-agents.md): Design React UI patterns for AI voice sales agents, AI receptionists, appointment setters, and outbound calling assistants.
- [Voice agent platforms](https://orb-ui.com/docs/guides/voice-agent-platforms.md): Compare where the UI layer fits across voice agent platforms like Vapi, ElevenLabs, OpenAI Realtime, Gemini Live API, Retell AI, Bland AI, and Synthflow.
- [Voice agent UI components](https://orb-ui.com/docs/guides/voice-agent-ui.md): Design React voice agent UI components that communicate listening, speaking, connecting, and error states clearly.
- [Voice AI customer support UI patterns](https://orb-ui.com/docs/guides/voice-ai-customer-support.md): Design voice AI customer support interfaces with clear state, interruption, handoff, transcript, and error patterns.
- [Overview](https://orb-ui.com/docs/index.md): Build polished React voice agent UIs with animated orbs, provider adapters, audio-reactive themes, and controlled mode.
- [Installation](https://orb-ui.com/docs/installation.md): Install orb-ui, import the Orb component, and choose the integration path for your voice agent UI.
- [Quickstart](https://orb-ui.com/docs/quickstart.md): Install orb-ui and add an animated voice agent UI to a React app.
- [Orb component API](https://orb-ui.com/docs/reference/orb-component.md): Reference for the Orb component props, states, themes, and adapter interface.
- [Themes and states](https://orb-ui.com/docs/themes/voice-states.md): Reference for orb-ui themes and voice agent states.