Voice Chat 03

Installation

No MCP yet? Connect your agent.

VoiceChat03 uses ConversationProvider and NEXT_PUBLIC_ELEVENLABS_AGENT_ID. Adapt the agent configuration and connection lifecycle for your application.

Connected examples require ElevenLabs service configuration and browser microphone permission. The UI source is MIT licensed; service usage is separate.

Related items

Requires

  • Conversation Bar

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

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

    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
  • Streaming markdown renderer with smooth character-by-character animations for AI responses using Streamdown.

    ReactTailwind