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.