Apresentando o ElevenLabs UI: componentes open source de áudio e agentes para a web

Interface ElevenLabs é uma nova biblioteca open source de componentes React personalizáveis para criar interfaces com os Agentes ElevenLabs e SDKs de áudio.

Construído sobre o shadcn/ui, oferece controle total sobre elementos de interface como formas de onda, orbes, mensagens e muito mais.

Exemplos

transcriber-01- Um componente open source de ditado por voz que você pode adicionar em qualquer aplicativo web:

voice-chat-03 - uma interface de chat multimodal completa com gerenciamento de estado integrado. Passe o ID do seu ElevenLabs Agent como prop e use:

Como começar

Os componentes estão disponíveis pelo comando @elevenlabs/agents-cli.

pnpm dlx @elevenlabs/agents-cli@latest components add <component>

Por exemplo, para instalar o componente Orb, execute:

pnpm dlx @elevenlabs/agents-cli@latest components add orb

Leia a documentação e comece a criar interfaces melhores de agentes e áudio, mais rápido.