Aurorae UI

Aurorae is a landing page for AI voice agents, and visitors can talk to it.

Press Start demo call and Halo, the built-in voice agent, holds a real booking conversation out loud. A 7,000-particle sphere pulses with every syllable while the transcript streams in word by word. Switch on Talk live and the sphere reshapes itself to your microphone. In Chrome, it also hears what you say and answers back. Tap any card in the voice library to hear that voice speak. Behind it all, a Three.js aurora follows your cursor, and a frequency gauge counts the hertz as you scroll.

Components included

- Voice Agent: a talking particle sphere with a scripted live-call demo, speech synthesis, a word-by-word transcript, a live microphone mode, a call timer and status states (Listening, Thinking, Speaking). The script is fully editable.

- Voice Persona: a voice-sample card that speaks with the browser's built-in text-to-speech. It has an animated waveform and controls for language, pitch and pace.

- Voice Wave: layered WebGL voice lines that swell under the cursor and speed up as you scroll.

- Aurora Sky: a shader aurora with a starfield, a glow that follows the cursor, click-to-pulse ripples and a horizon that rises on scroll.

- Halo Orb: a noise-displaced 3D orb with an iridescent rim and an orbiting particle halo.

- Preloader: a full-screen intro with a rolling odometer counter and a live waveform, wiped away once the page loads.

- Theme Toggle: an animated sun/moon switch. The default is Dark, Light or System, and each visitor's choice is remembered.

Page sections: Nav, Hero, Logos, Manifesto, Voice wave with a language ticker, Live demo, Voice library, Under the hood, Platform bento, Signals and stats, Customers, Pricing (per-minute), CTA and Footer.

Perfect for voice AI startups, AI receptionists, call-center automation, AI phone agents, speech APIs and conversational AI products.