🤖 Voice Agent UI

🤖 Voice Agent UI



Tópico: 🤖 Voice Agent UI
Categoria: Tutoriais | Programação & Tecnologia
Idioma Principal: Português (Conteúdo de Tecnologia)

Descrição do Conteúdo / Informações:
-------------------------------------------------------------------------


Voice Agent


Interactive grid-based voice assistant interface with multiple state visualizers.

Live Simulation >>

[Preview]

[Usage]

import { VoiceAgent } from '@unburn/ui/VoiceAgent';

export default function Example() {
return (
<VoiceAgent
status="speaking"
onMuteToggle={() => console.log('Muted')}
onDisconnect={() => console.log('Hangup')}
/>
);
}



Examples




Agent Statuses


The voice agent supports 5 statuses: idle, connecting, listening, speaking, and paused.



Speaking Patterns


Choose from three distinct visualization algorithms: blob, wave, and ripple.



Colors


Custom color accents support any valid CSS color property (Hex, RGB, HSL, presets).

This voice agent component is the part of Unburn/UI considered to be supporting and contributing to our project.

Github >>