Locara
← All components Voice & listening

WaveformBars

Animated audio bars. Live (amplitude-reactive) or static (decorative idle loop).

Inspired by Apple Voice Memos, Superwhisper, system equalizer visuals.

Preview

What it looks like.

Granola / Voice Memos waveform.

level = 0.30

Live — the real component, scoped to this frame.

Usage

Drop it into your app.

import { WaveformBars } from '@locara/components'

// Static idle pattern
<WaveformBars bars={10} height={24} />

// Live amplitude
<WaveformBars bars={32} level={rmsLevel} height={60} />

Or copy the source into your repo: locara add waveform-bars