Range Slider
Styled range slider with value tooltip that follows the thumb — for settings and filters.
Adjust the preview
Every choice updates the preview and the wording below.
Style
Color
Show Tooltip
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a styled range slider in minimal style with violet accent color. Show a value tooltip always that follows the thumb position. Use CSS custom properties to style the track fill and thumb.
Paste it into Claude, Cursor, or v0 along with the context for your project.