A voice-enabled AI assistant built with Next.js and ElevenLabs technology that provides real-time conversational interactions through speech.
- Voice Conversations: Engage in natural voice conversations with an AI assistant
- Real-time Feedback: Visual indicators show when the assistant is speaking or listening
- ElevenLabs Integration: Leverages ElevenLabs' advanced text-to-speech and speech-to-text capabilities
- Responsive Design: Clean, modern interface built with Tailwind CSS
First, install the dependencies:
npm install
# or
yarn install
Then, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to start interacting with the assistant.
- Click "Start conversation" to activate the assistant
- Grant microphone permissions when prompted
- Speak naturally to the assistant
- Watch the visual feedback as the assistant processes and responds
- End the conversation by clicking "End conversation"
- Frontend: Next.js 15.3.2 with React 19
- Voice API: ElevenLabs via @11labs/react
- Styling: Tailwind CSS 4
- Language: TypeScript