Custom

Scrollbars

Brand-colored scrollbars with transparent tracks for native and Radix scroll areas.

Preview

Live component example.

CustomScrollbar

Scrollable line 1 — thumb uses --primary with a transparent track.

Scrollable line 2 — thumb uses --primary with a transparent track.

Scrollable line 3 — thumb uses --primary with a transparent track.

Scrollable line 4 — thumb uses --primary with a transparent track.

Scrollable line 5 — thumb uses --primary with a transparent track.

Scrollable line 6 — thumb uses --primary with a transparent track.

Scrollable line 7 — thumb uses --primary with a transparent track.

Scrollable line 8 — thumb uses --primary with a transparent track.

Scrollable line 9 — thumb uses --primary with a transparent track.

Scrollable line 10 — thumb uses --primary with a transparent track.

Scrollable line 11 — thumb uses --primary with a transparent track.

Scrollable line 12 — thumb uses --primary with a transparent track.

Scrollable line 13 — thumb uses --primary with a transparent track.

Scrollable line 14 — thumb uses --primary with a transparent track.

Scrollable line 15 — thumb uses --primary with a transparent track.

Scrollable line 16 — thumb uses --primary with a transparent track.

Scrollable line 17 — thumb uses --primary with a transparent track.

Scrollable line 18 — thumb uses --primary with a transparent track.

Scrollable line 19 — thumb uses --primary with a transparent track.

Scrollable line 20 — thumb uses --primary with a transparent track.

Scrollable line 21 — thumb uses --primary with a transparent track.

Scrollable line 22 — thumb uses --primary with a transparent track.

Scrollable line 23 — thumb uses --primary with a transparent track.

Scrollable line 24 — thumb uses --primary with a transparent track.

Native overflow