sliders
Mirrored waveform scrubber
The bars grow from the CENTRE in both directions, via align-items center. Anchored to the bottom, the same data reads as a bar chart rather than a signal. And the bar the playhead sits inside takes a gradient with a hard stop at the exact fraction: without it the progress jumps a whole bar at a time and the position lies by up to six pixels.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Remaining colour
- Text color
- Bar width
- Bar pitch
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
