pricingSections
Volume slider with tiered pricing
A usage-volume slider on a logarithmic scale: position converts to value with an exponential and value converts back to position with a logarithm, so the lower tiers get more drag range. It marks tier thresholds, colors only the active segment, magnetizes the handle to nearby marks and rolls the price digits on a tier change; the active segment pulses on release.
See it live and copy its promptWhat you can adjust
- Accent color
- Minimum usage
- Maximum usage
- Snap to marks
- Demo duration
- Track thickness
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.
