ElevenLabs UI

React components and application blocks for audio playback, voice conversations, transcription, waveforms, and speech interfaces.

28 published items

ElevenLabs

28 published items

A customizable audio player with progress controls and playback management for music, podcasts, and voice content.

ReactTailwind

Real-time audio frequency visualizer with state-based animations for voice agents and audio interfaces.

ReactTailwind

A scrolling conversation container with auto-scroll and sticky-to-bottom behavior for chat interfaces.

ReactTailwind
Conversation Bar

A complete voice conversation interface with microphone controls, text input, and real-time waveform visualization for ElevenLabs agents.

ReactTailwind

Real-time canvas-based audio waveform visualizer with microphone input and customizable rendering modes.

ReactTailwind

A retro dot-matrix display component with circular cells and smooth animations. Perfect for retro displays, indicators, and audio visualizations.

ReactTailwind

Composable message components with avatar, content variants, and automatic styling for user and assistant messages.

ReactTailwind

A 3D animated orb with audio reactivity, custom colors, and agent state visualization built with Three.js.

ReactTailwind

Retro Pong game with a dot-matrix display, player controls, and a leaderboard.

ReactNext.jsTailwind

Streaming markdown renderer with smooth character-by-character animations for AI responses using Streamdown.

ReactTailwind

A component for scrubbing through a timeline, typically used for audio or video playback.

ReactTailwind

Speaker-style audio player with a reactive orb, waveform, and playback controls.

ReactNext.jsTailwind
Speech Input

A compact speech-to-text input component with real-time transcription using ElevenLabs Scribe.

ReactTailwind
Transcriber 01

Audio upload and recording interface that turns speech into a readable transcript.

ReactNext.jsTailwind

A component for displaying an audio transcript with word-by-word highlighting synced to audio playback.

ReactTailwind

Interactive button with voice recording states, live waveform visualization, and automatic feedback transitions.

ReactTailwind

Voice conversation panel with a message history, text input, and an animated agent orb.

ReactTailwindMedia
Voice Chat 03

Minimal voice chat interface with agent status and connect/disconnect controls.

ReactTailwindMedia

Form that fills fields from a recorded spoken request using speech transcription.

ReactNext.jsTailwind
Voice Nav 01

Spoken site navigation that matches a recorded request to pages in a sitemap.

ReactNext.jsTailwind

Searchable voice selector with audio preview, orb visualization, and ElevenLabs voice integration.

ReactTailwind

Canvas-based audio waveform visualization components with recording, playback scrubbing, and microphone input support.

ReactTailwind