# 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.

Website: https://ui.elevenlabs.io/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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, 23 November 2025](https://x.com/orcdev/status/1992538516023361744): Free React components for voice/AI-agent interfaces: audio visualizers, players, voice chat orbs, conversation containers

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/elevenlabs-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.