Vi presenterar ElevenLabs UI: Öppen källkod för ljud- och agentkomponenter på webben

ElevenLabs UI är ett nytt open source-bibliotek med anpassningsbara React-komponenter för att bygga gränssnitt med ElevenLabs Agents & Audio SDK:er.

Byggt på shadcn/ui ger det dig full kontroll över UI-primitiver som vågformer, orber, meddelanden och mer.

Exempel

transcriber-01- En öppen källkod-komponent för röstinmatning som du kan lägga till i vilken webbapp som helst:

voice-chat-03 - ett avancerat multimodalt chattgränssnitt med inbyggd tillståndshantering. Ange din ElevenLabs Agent ID som prop och kör:

Kom igång

Komponenterna finns tillgängliga via @elevenlabs/agents-cli kommandot.

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

Till exempel, för att installera Orb-komponenten kan du köra:

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

Läs dokumentationen och börja bygga bättre agent- och ljudgränssnitt, snabbare.