Presentiamo ElevenLabs UI: componenti audio e agent open source per il web

Interfaccia ElevenLabs è una nuova libreria open source di componenti React personalizzabili per creare interfacce con gli ElevenLabs Agents e gli Audio SDK.

Basata su shadcn/ui, ti offre il pieno controllo su elementi UI come forme d’onda, orbs, messaggi e altro ancora.

Esempi

transcriber-01- Un componente open source per la dettatura vocale che puoi integrare in qualsiasi web app:

voice-chat-03 - un’interfaccia chat multimodale avanzata con gestione dello stato integrata. Passa l’ID del tuo ElevenLabs Agent come prop e sei pronto a usarla:

Per iniziare

I componenti sono disponibili tramite il comando @elevenlabs/agents-cli.

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

Ad esempio, per installare il componente Orb, puoi eseguire:

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

Leggi la documentazione e inizia a creare interfacce agent e audio migliori, più velocemente.