OpenAI Realtime Blocks

Beta
Docs
Voice Components
New
New
New
New
New
New

Welcome to OpenAI Realtime Blocks

The UI library for the OpenAI Realtime API.

Drop animated components that react to voice into your Nextjs app. Get started

Voice AI Components.

All components are designed to react based on volume levels from the provided "use-webrtc" hook.

ChatGPT


3D Orb


Siri


Glob


Dock


Dynamic Island


Floaty


Transcriber


Radial


Classic


Minimal

Ring


Click to toggle conversation

Start Call

Click to toggle floaty in bottom right corner of the screen.