Development · Web app
ElevenLabs UI
Open-source audio and AI agent React components inspired by shadcn
ElevenLabs UI is a collection of React components designed specifically for building audio, voice, and conversational AI interfaces. Modeled after shadcn's copy-and-paste design system, it provides prebuilt widgets like audio visualizers, chat orbs, and auto-scrolling conversation containers. It allows developers to quickly integrate voice and chat UI into web apps without building audio-driven UI elements from scratch.
What it's for
- Build a conversational voice AI chat interface in React
- Add audio visualizers and players to speech applications
- Create auto-scrolling chat logs that stick to the bottom for streaming responses
Features
- Collection of customizable React components for voice and audio
- Auto-scrolling conversation containers with sticky-to-bottom behavior
- Audio visualizer and player components
- Voice chat orb indicators for agent states
- shadcn-style preview and code tabs with easy copy-pasting
Pricing
Free and open source
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- React and Next.js developers building voice AI or audio applications
- Tags
- react, shadcn, voice ai, audio, ui components, frontend
Why it was saved
- @orcdev: Free React components for voice/AI-agent interfaces: audio visualizers, players, voice chat orbs, conversation containers
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated