CSS Scrollbar Generator for WebKit & Firefox
Style a real scroll area and generate WebKit scrollbar pseudo-elements together with Firefox scrollbar-width and scrollbar-color.
Runs locally in your browser · ::-webkit-scrollbar · scrollbar-color · Firefox
01
Scrollable developer notes
Use the thumb to inspect the generated width, border and hover treatment.
02Cross-browser output
The export includes standardized Firefox properties and WebKit pseudo-elements.
03Copy production CSS
Apply the generated class to any overflow container in your interface.
04Keep native behavior
Styling changes appearance while keyboard and wheel scrolling remain native.