Presentamos ElevenLabs UI: componentes de audio y agentes open source para la web

Interfaz de ElevenLabs es una nueva librería open source de componentes React personalizables para crear interfaces con los Agentes de ElevenLabs y SDKs de audio.

Basado en shadcn/ui, te da control total sobre elementos de la interfaz como formas de onda, orbes, mensajes y mucho más.

Ejemplos

transcriber-01- Un componente open source de dictado por voz que puedes integrar en cualquier app web:

voice-chat-03 - una interfaz de chat multimodal avanzada con gestión de estado integrada. Solo tienes que pasar tu Agent ID de ElevenLabs como prop y listo:

Primeros pasos

Los componentes están disponibles a través del comando @elevenlabs/agents-cli.

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

Por ejemplo, para instalar el componente Orb, ejecuta:

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

Lee la documentación y empieza a crear interfaces de agentes y audio más rápido.