II ElevenLabs UI
is a component library built on top of to help you build audio & agentic applications faster.
Overview
ElevenLabs UI provides pre-built, customizable React components specifically designed for agent & audio applications, including orbs, waveforms, voice agents, audio players, and more. The CLI makes it easy to add these components to your Next.js project.
Installation
You can use the ElevenLabs Agents CLI directly with npx, or install it globally:
Prerequisites
Before using ElevenLabs UI, ensure your Next.js project meets these requirements:
- Node.js 18 or later
- shadcn/ui initialized in your project (npx shadcn@latest init)
- Tailwind CSS configured
Usage
Install All Components
Install all available ElevenLabs UI components at once:
This command will:
- Set up shadcn/ui if not already configured
- Install all ElevenLabs UI components to your configured components directory
- Add necessary dependencies to your project
Install Specific Components
Install individual components using the components add command:
Examples:
Alternative: Use with shadcn/ui CLI
You can also install components using the standard shadcn/ui CLI:
All available components can be found or explore a list of example components .
Contributing
If you'd like to contribute to ElevenLabs UI, please follow these steps:
- Fork the repository
- Create a new branch
- Make your changes to the components in the registry.
- Open a PR to the main branch.
Please read the .
License
Licensed under the .
Engineered by .