CSS Custom Scrollbar Generator

Visually design and generate cross-browser scrollbar CSS in seconds.

Configuration

Width (px)

Border Radius (px)

Track Color

Thumb Color

Thumb Hover Color

Live Preview

Scroll to test

The scrollbar on the right is fully customizable using the controls on the left. Adjust the values to see the changes live in this container.

Content container to induce scroll...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat, molestie ipsum et, consequat nibh. Etiam non elit dui. Nullam vel eros a ante vehicula laoreet.

More content to ensure scrolling behavior is active. Keep going, keep scrolling, feel the power of custom scrollbars.

Live Preview

Scroll to test

Generated CSS