No MCP yet? Connect your agent.
The page wraps VoiceChat01 in ConversationProvider. Configure NEXT_PUBLIC_ELEVENLABS_AGENT_ID for your agent. The public agent identifier is not a secret; private agents need a server-issued signed connection. The panel tracks connection status, messages, and microphone controls.
Connected examples require ElevenLabs service configuration and browser microphone permission. The UI source is MIT licensed; service usage is separate.
Requires
A 3D animated orb with audio reactivity, custom colors, and agent state visualization built with Three.js.
Animated text with gradient shimmer effects and viewport-triggered animations using Motion.
Composable message components with avatar, content variants, and automatic styling for user and assistant messages.
Streaming markdown renderer with smooth character-by-character animations for AI responses using Streamdown.
A scrolling conversation container with auto-scroll and sticky-to-bottom behavior for chat interfaces.
