Bring any Framer project to life. This component captures live microphone input and animates it as elegant radial bars around a clean circle — reacting instantly to your voice, music, or ambient sound.
Built for designers who care about craft. Every detail is considered: bars fade in gracefully at silence, pulse expressively at peak volume, and smooth out jittery motion so the animation always feels fluid, never mechanical.
What's included:
Real-time microphone input via the Web Audio API
Circular radial bar layout with rounded line caps
Fully adjustable bar count, min/max height, and smoothing
Color controls for bars, ring, and background
Animated "listening..." label with toggleable text
Marketplace-safe static preview with a "Try it live" link
Centered layout — works in any frame size out of the box
Perfect for portfolio sites, creative agencies, voice interfaces, music apps, interactive installations, and any project that deserves more than a static page.