Components
An animated audio waveform visualizer with pulsing bars, glow, scanline overlay and corner brackets for playback and live-signal displays.
npx @21st-dev/cli add thegridcn/waveformLoading preview...
import { Waveform } from "@/components/ui/waveform"
export default function WaveformDemo() {
return (
<div className="flex min-h-[240px] items-center justify-center bg-background p-8">
<Waveform
label="Audio Signal"
bars={28}
playing
intensity="medium"
className="w-80"
/>
</div>
)
}