Scrollbar CSS Generator

Customize and generate stylish scrollbars with our Scrollbar CSS Generator

Thumb Color:
Track Color:
Border Radius:
Border Width:
Border Color:
.scrollbar::-webkit-scrollbar {
    width: 14px;

.scrollbar::-webkit-scrollbar-track {
    background: #2B2B2B;
    border-radius: 0px;
.scrollbar::-webkit-scrollbar-thumb {
    background: #1C4ED8;
    border-radius: 0px;
    border:0px solid #555777;

What is Scrollbar Generator?

The CSS Scrollbar Generator is a powerful web development tool designed to help designers and developers create customized scrollbars for web pages. Utilizing Cascading Style Sheets (CSS), this tool enables users to easily specify various attributes of scrollbars, such as color, width, border radius, and border style. By providing a user-friendly interface, the Scrollbar Generator allows for the precise adjustment of scrollbar aesthetics to match the overall design of a website or application. The customized CSS code generated by this tool can be directly integrated into web projects, enhancing the visual consistency and user experience. With the Scrollbar Generator, implementing stylish and cohesive scrollbars is straightforward, elevating the functional and aesthetic appeal of web interfaces.

Made with ❤️ by gomestzx