Apresentamos o Eleven v4Conheça o Eleven v4, nosso modelo mais expressivo até agora.

Pular para o conteúdo

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

Escrito por
Louis Jordan
Publicado

OuvirOuça este artigo

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.

Escrito por

Louis is building ElevenMusic, ElevenLabs' consumer music platform. Before ElevenMusic, he was ElevenLabs' first developer-focused hire, building developer documentation, SDKs, the ElevenLabs MCP server, and tools like the 11.ai assistant. Earlier, he founded Quary (acquired by Fivetran) and worked as an engineer at Amazon.

Artigos relacionados

Crie com o áudio de IA da mais alta qualidade