Overview
Audio waveform / frequency spectrum bars that pulse rhythmically. Supports equalizer, waveform, and heartbeat animation patterns. CSS-only.
Installation
npx shadcn@latest add @elements/loader-signal-barsUsage
import { LoaderSignalBars } from "@/components/elements/loader-signal-bars";
export function Loading() {
return <LoaderSignalBars variant="equalizer" size="md" />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
bars | number | 5 | Number of bars |
variant | "equalizer" | "waveform" | "heartbeat" | "equalizer" | Animation pattern |
size | "sm" | "md" | "lg" | "md" | Size of the bars |
className | string | - | Additional CSS classes |