Live Preview
Custom Scrollbars
Design scrollbars that match your website's aesthetic. Scroll to see it in action.
WebKit Support
Works in Chrome, Safari, Edge, and other WebKit-based browsers.
Easy Integration
Copy the generated CSS and add it to your stylesheet. It's that simple.
Customizable
Adjust colors, width, and border radius to match your design system.
Hover States
The thumb changes color on hover for better interactivity feedback.
Minimal by Default
Start with a clean, minimal scrollbar and customize from there.
Keep Scrolling
There's more content below to demonstrate the scrollbar behavior.
Almost There
Just a bit more content to make sure the scrollbar is visible and working.
⚠️ Custom scrollbars use WebKit-specific CSS. Firefox has limited support via scrollbar-color/width.
CSS Output