Deepgram Agent Widget
Three layouts × three integration methods. Pick a page to preview.
TS Source
@deepgram/agent-widget
↔ Sidebar
Panel slides in from the right
▦ Inline
Mounted into a host container
◉ Floating FAB
Button reveals an overlay panel
● Button
Single button — click to talk
▣ Embedded
Fills container, aspect-ratio height, full chat
◎ Orb
Animated orb — click to talk, audio-reactive
◎ Floating Orb
Orb in a floating card — bottom-right corner
React
@deepgram/agent-react
↔ Sidebar
useDeepgramAgent hook, custom UI
▦ Inline
useDeepgramAgent hook, custom UI
◉ Floating FAB
useDeepgramAgent hook, custom UI
▣ Standalone UI
@deepgram/agent-react-ui components, custom CSS
● VoiceButton
One button + waveform — minimal voice UI
◎ Orb
Deepgram hoop animation — audio-reactive
Bundled UMD
CDN script tag
🎛 Console AI
Deepgram Console — AI assistant with tool calls
↔ Sidebar
DeepgramAgent.init() via script tag
▦ Inline
DeepgramAgent.init() via script tag
◉ Floating FAB
DeepgramAgent.init() via script tag