CSS Custom Scrollbar Generator

Style a custom scrollbar — width, track and thumb colors, radius — with a live preview and copyable CSS.

Frequently asked questions

Which browsers does this support?

The ::-webkit-scrollbar rules style Chrome, Safari and Edge. The scrollbar-width and scrollbar-color properties cover Firefox. Both are included so you're covered everywhere.

Why doesn't my scrollbar change?

A scrollbar only appears when content overflows. Make sure the element has a fixed height and overflow set to auto or scroll.

Can I use it on the whole page?

Yes — replace .scrollbox with html or body to style the main page scrollbar.