Slider · Neo-brutal
A single-value slider with a draggable thumb, tick marks with labels, a value tooltip and full keyboard control (arrows, Page Up/Down, Home, End).
Design · Neo-brutal5 / 20
Boxed 16 px rail with a 3 px outline, square yellow thumb with a hard shadow that collapses while dragged, tilted sticker tooltip and a yellow value tag.
Motion
The thumb and fill glide to each new value on a spring with a small overshoot; dragging follows the pointer directly.
Accent
A single-value slider with a draggable thumb, tick marks with labels, a value tooltip and full keyboard control (arrows, Page Up/Down, Home, End).
sliderrangeinputformsettingsbudgetvolume