📜

Design Custom CSS Scrollbars

Style webkit scrollbars with visual controls for width, track color, thumb color, radius, borders, and hover effects. Outputs both webkit and Firefox syntax.

Open CSS Custom Scrollbar Generator →

Features

Webkit scrollbar track and thumb styling
Firefox scrollbar-color support
Border and radius controls
Hover state customization
Live scroll preview

Output Formats

CSSStandard properties

SCSSVariables & nesting

TailwindUtility classes

Common Use Cases

Perfect for sidebars, code editors, chat windows, dashboards, custom UI.

More CSS Tools

Start Designing

25 CSS generators. 10 free, 15 Pro. Instant code.

Open CSS Custom Scrollbar Generator →