Scrollbar Generator

Tiny package to customize browser default scrollbar.

Demo

Component

  • scrollbar

    Change the default browser scrollbar appearance. Doesn't work in Firefox browser.

    Attributes

    thumb-radiusThumb border radius. Example input value: "8px"
    trackbar-widthTrackbar width. Example input value: "10px"
    trackbar-radiusTrackbar border radius. Example input value: "8px"
    ⬇️COLORS⬇️Value can be any color or your Default theme CSS variables. Example var(--teal-500)
    thumb-hover-colorThumb hover color
    thumb-active-colorThumb active color
    thumb-background-colorThumb background color
    trackbar-active-colorTrackbar active color
    trackbar-hover-colorTrackbar hover color
    trackbar-background-colortrackbar background color