Thumb Color

Thumb Gradient Angle

deg(°)

Track Color

Track Gradient Angle

deg(°)

Scrollbar Width

Scrollbar Border Radius

Thumb Border Width

Thumb Border Color

Preview

CSS Code (Click to Copy)

Firefox is not supported!

It looks like you are using Firefox.

It's recommended to use this CSS code maker with a WebKit or Blink based browser for the best experience eg. Chrome, Safari, Edge, Opera, Brave etc..

Firefox does not support ::-webkit-scrollbar selectors.

For customizing scrollbar on Firefox you should use scrollbar-color and scrollbar-width selectors.

CSS Scrollbar Code Generator is an online tool designed specifically for web developers who wish to customize the appearance of scrollbars on their websites or web applications. This tool simplifies the process of generating CSS scrollbar code that allows you to change various aspects of the scrollbar, including its color, width, thumb shape, making your website stand out with unique scrolling experiences.

Traditionally, scrollbars have been a browser-controlled element with limited styling options. With this CSS tool, you now have more control over customizing these elements of the scrollbar to better fit your website's aesthetics.

Key Features

Intuitive Interface: The generator provides an intuitive interface where users can easily adjust scrollbar properties through simple sliders and input fields.

Instant Preview: See changes in real-time as you tweak settings, ensuring that what you visualize is exactly what you get.

Export Code: Once satisfied with the scrollbar style, you can copy the generated CSS code directly to use in your projects.

Featured Tools

Featured tools that you might find useful.

Popular Tools

List of popular tools that users love and frequently use.

New Tools

The latest tools added to our collection, designed for you.

Topics

The tools grouped by topics to quickly find what you need.

Excel/CSV To JSON Converter

Excel/CSV To JSON Converter can convert copied Excel data or CSV data into multiple formats such as JSON, XML, HTML, MySQL, PHP, Python, and more. Simply copy and paste the data from an Excel or CSV file to perform the conversion!

BIP39 Passphrase Generator

BIP39 Passphrase Generator can generate BIP39 passphrase from existing or random mnemonic, or get the mnemonic from the passphrase.

Regular Expression Tester

Regular Expression Tester can define your own regular expression (regex) to search the input data with, optionally choosing from a list of pre-defined patterns.

CSS Box Shadow Generator

CSS Box Shadow Generator is an online CSS code generate tool for web developers and designers that simplifies the process of creating CSS box-shadow effects. It provides a graphical interface to customize box-shadow properties and allows you to visually adjust shadow settings, instantly generating the corresponding CSS code.

CSS Scrollbar Generator