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-radius Thumb border radius. Example input value: "8px"
    trackbar-width Trackbar width. Example input value: "10px"
    trackbar-radius Trackbar border radius. Example input value: "8px"
    ⬇️COLORS⬇️ Value can be any color or your Default theme CSS variables. Example var(--teal-500)
    thumb-hover-color Thumb hover color
    thumb-active-color Thumb active color
    thumb-background-color Thumb background color
    trackbar-active-color Trackbar active color
    trackbar-hover-color Trackbar hover color
    trackbar-background-color trackbar background color