Free sliders
Range sliders: single and dual handle, stepped, vertical, tooltips, price and colour sliders. Copy the code, grab an AI prompt, or install with the shadcn CLI.
Basic Slider
Originalbasic range slider with value bubble
Range Dual Slider
Originaldual-handle min/max range
Steps Slider
Originalstepped slider with tick marks
Vertical Slider
Originalvertical sliders
Tooltip Slider
Originalslider with a floating value tooltip
Volume Slider
Originalvolume slider with icon
Price Range Slider
Originalprice range filter slider
Gradient Track Slider
Originalslider with a gradient track
Rating Slider
Originalsatisfaction rating slider
Brightness Slider
Originalbrightness/contrast control sliders
Marks Slider
Originalslider with labelled marks
Color Hue Slider
Originalhue/saturation color sliders
Progress Drag Slider
Originalmedia scrubber slider
Segmented Slider
Originalsegmented level slider