Direkt zum Inhalt

Vorstellung von ElevenLabs UI: Open-Source-Audio- und Agentenkomponenten für das Web

ElevenLabs UI ist eine Komponentenbibliothek, mit der Sie multimodale Agenten schneller entwickeln.

A bento grid of agent components powered by ElevenLabs

ElevenLabs UI ist eine neue Open-Source-Bibliothek mit anpassbaren React-Komponenten für die Entwicklung von Oberflächen mit den ElevenLabs Agenten & Audio SDKs.

Basierend auf shadcn/ui bietet sie volle Kontrolle über UI-Elemente wie Wellenformen, Orbs, Nachrichten und mehr.

Beispiele

transcriber-01 - Eine Open-Source-Sprachdiktat-Komponente, die Sie in jede Webanwendung integrieren können:

voice-chat-03 - Eine umfangreiche multimodale Chat-Oberfläche mit integrierter Statusverwaltung. Geben Sie Ihre ElevenLabs Agenten-ID als Prop an und setzen Sie sie direkt ein:

Erste Schritte

Komponenten sind verfügbar über den @elevenlabs/agents-cli Befehl.

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

Um zum Beispiel die Orb-Komponente zu installieren, führen Sie Folgendes aus:

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

Dokumentation lesen und entwickeln Sie schneller bessere Agenten- und Audio-Oberflächen.

Entdecken Sie Artikel des ElevenLabs-Teams

Produkte
workflows

Agent Workflows vorgestellt

Workflows, unser visueller Editor zur Gestaltung komplexer Gesprächsabläufe in der Agents-Plattform, ist jetzt verfügbar.

ElevenLabs

AI-Audioinhalte in höchster Qualität generieren

Kostenlos registrieren

Haben Sie bereits ein Konto? Anmelden