sliders
Notch ruler you drag
The value is not a thumb position but how far the whole ruler has travelled under a fixed centre line, like a camera dial. Emphasis on the notches near the centre is three discrete steps rather than a ramp, and the ring reads the value using pathLength 1.
See it live and copy its promptWhat you can adjust
- Head color
- Secondary color
- Tertiary color
- Text color
- Notch step
- Visible width
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.
