About this tool
Design a custom scrollbar with width, track and thumb colors and corner radius, preview it live in a scrollable box, then copy the CSS, all in your browser.
Frequently asked questions
Which browsers support this styling?
The ::-webkit-scrollbar rules work in Chrome, Edge and Safari; a scrollbar-width and scrollbar-color fallback is also included for Firefox.
How do I apply it to my own element?
Copy the CSS and give your scrollable element the class scrollbox, or replace that selector with your own.