CSS Scrollbar Customizer
Visual builder for custom CSS scrollbar, width, color, radius, thumb and track. Cross-browser CSS export.
Line 1: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 2: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 3: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 4: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 5: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 6: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 7: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 8: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 9: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 10: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 11: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 12: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 13: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 14: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 15: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 16: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 17: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 18: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 19: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 20: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 21: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 22: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 23: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 24: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 25: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 26: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 27: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 28: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 29: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 30: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 31: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 32: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 33: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 34: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 35: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 36: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 37: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 38: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 39: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 40: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 41: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 42: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 43: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 44: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 45: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 46: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 47: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 48: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 49: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 50: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 51: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 52: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 53: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 54: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 55: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 56: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 57: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 58: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 59: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Line 60: The quick brown fox jumps over the lazy dog at midnight in the moonlit garden.
Drag the sliders → the scrollbar in this box updates live.
body::-webkit-scrollbar {
width: 12px;
height: 12px;
}
body::-webkit-scrollbar-track {
background: #1e293b;
border-radius: 6px;
}
body::-webkit-scrollbar-thumb {
background: #818cf8;
border-radius: 6px;
}
body::-webkit-scrollbar-thumb:hover {
background: #818cf8;
filter: brightness(1.15);
}
body {
scrollbar-width: auto;
scrollbar-color: #818cf8 #1e293b;
}