May 11, 2026 | Deepgram's Docs

Browser Agent SDK

The Browser Agent SDK is now available — four composable packages that connect any web app to the Voice Agent API:

@deepgram/agents-widget — drop-in widget with six layouts (sidebar, floating, inline, button, embedded, or orb). No framework required.
@deepgram/ui — pre-built React components (conversation view, animated orb, mic/speaker controls, waveform visualizer) styled through CSS custom properties.
@deepgram/react — provider + hooks for state, conversation history, microphone control, audio playback, and client-side function calling.
@deepgram/agents — the framework-agnostic core: WebSocket client, microphone capture, and player.

Each layer builds on the one below it, so installing the higher layer pulls in everything beneath. All layers share the same reconnection logic, playback-aware mode tracking, audio buffering, optional Silero VAD, KeepAlive pings, and typed event emitter.

Install the widget and ship in minutes:

$ npm install @deepgram/agents-widget

1 import { init } from "@deepgram/agents-widget";
2 
3 init({
4   tokenFactory: () => fetch("/api/deepgram-token").then((r) => r.text()),
5   agent: "YOUR_AGENT_ID",
6   layout: "floating",
7 });

For the full architecture, package-by-package guides, and live in-page demos, see the Browser Agent SDK overview.

Voice Agent docs restructure

The Voice Agent section has been reorganized into five sections — Get Started, Build, Integrate, Reference, and Tips & Migration — to make it easier to find content based on where you are in your build. As part of the same pass, a few closely related reference pages have been merged (for example, prompt-updated, speak-updated, and think-updated are now consolidated into Acknowledgements, and the errors and warning pages are now Errors & Warnings). Redirects are in place, so existing links continue to work.