Effects
Slider - Waveform
An audio-EQ slider - drag across the bar row to set the value. Lit bars pulse to a sine wave, dim ones wait.
- Sine-pulse loop
- rAF animation
- Value-driven bar count
Customize
Drag a slider and watch the preview respond live. Every control maps to a typed prop - what you tune is what you ship.
Props you can tune
Every prop below is live in the studio above and ships typed with the component.
- 4 options
tintTint - 16-64
barsBar count - 0.3-3
tempoPulse tempo
Related components
Using this block
Buy it, then copy components/blocks/slider-waveform/index.tsx into your project. A single file - no new dependency beyond the Framer Motion + Tailwind you already have.