Pular para o conteúdo

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

O ElevenLabs UI é uma biblioteca de componentes para ajudar você a criar agentes multimodais mais rápido.

A bento grid of agent components powered by ElevenLabs

ElevenLabs UI é uma nova biblioteca open source de componentes React personalizáveis para criar interfaces com os ElevenLabs Agents 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.

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

Por exemplo, para instalar o componente Orb, execute:

1pnpm 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.

Explore artigos da equipe ElevenLabs

Produto
workflows

Apresentando Agent Workflows

Workflows, nosso editor visual para criar fluxos de conversas complexas na plataforma de agentes, já está disponível.

ElevenLabs

Crie com o áudio IA da mais alta qualidade