AI Voice 01 React component

AI Voice 01 is a voice assistant pill: a row of flowing curves that react to sound, a status label and round controls. It moves between three states, idle, listening and speaking, each with its own colors, and a transcript under it types out words one by one while it talks. By default it plays a demo loop through the states on its own, with simulated sound, so it looks alive without any setup.

status sets the state from your app, and autoFlow and flowSeconds control the demo loop. input="microphone" makes the curves react to the real microphone after asking for permission. idleText, listeningText and speakingText set the labels, transcript and phrases the typed lines, and listenColors, speakColors, the ring, the curve and the theme props style it. onStart fires when it leaves idle and onStop when it goes back.

Use AI Voice 01 for voice assistants and voice-first AI features: a pill with an audio-reactive visualizer that moves between idle, listening and speaking, plus a live word-by-word transcript. Out of the box it simulates audio for demos; set input="microphone" to react to the real microphone.

Drive its status from your speech-to-text and text-to-speech pipeline to build a working voice interface.