Circular Audio

Circular mic visualizer for Framer

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.

Circular mic visualizer for Framer