sliders
Range slider with two thumbs
The two thumbs push each other instead of swapping, and a click on the bare track grabs the NEARER one. The fill is defined by left and right, so neither end needs to know the other's pixel position.
See it live and copy its promptWhat you can adjust
- Background
- Track color
- Control color
- Track width
- Thumb size
- Minimum gap
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.
