Equalizer
Sine-driven bars rising and falling like a visualizer.
canvas
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Bar width24px
Top color
Bottom color
Props
| Prop | Type | Default | Description |
|---|---|---|---|
barWidth | number | 24 | Approximate bar width (incl. gap) in pixels. |
colors | [string, string] | brand spectrum | Top and bottom gradient colors as r,g,b. |
children | ReactNode | — | Content layered above the canvas. |