Scrollbar Styler
Live Preview
Custom scrollbar sample
Scroll this panel vertically and horizontally to test the generated scrollbar. The preview updates as you adjust width, track color, thumb color, hover color, radius, and border settings.
Track
The scrollbar track is the rail behind the draggable thumb.
Thumb
The thumb is the movable part users drag while scrolling.
Scrollable content
This tall block exists so the scrollbar can be inspected naturally. Try a hidden preset, a high contrast thumb, or a thin rounded UI style.
WebKit scrollbar pseudo-elements work in Chromium/Safari. Firefox uses `scrollbar-color` and `scrollbar-width`, so some details such as thumb borders may vary.