Components

Scrollbar

Shadcn

Custom scrollbar styling using tailwind-scrollbar plugin.

Installation

Basic (Thin)

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Item 21
Item 22
Item 23
Item 24
Item 25
Item 26
Item 27
Item 28
Item 29
Item 30

Rounded

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Item 21
Item 22
Item 23
Item 24
Item 25
Item 26
Item 27
Item 28
Item 29
Item 30

Show on Hover

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Item 21
Item 22
Item 23
Item 24
Item 25
Item 26
Item 27
Item 28
Item 29
Item 30

Available Classes

ClassDescription
scrollbar-thinThin scrollbar (recommended)
scrollbar-noneHide scrollbar
scrollbar-thumb-{color}Thumb color (e.g., primary, muted)
scrollbar-track-{color}Track color
scrollbar-thumb-rounded-fullFully rounded thumb
scrollbar-track-rounded-fullFully rounded track

Browser Support

  • ✅ Chrome, Edge, Safari, Opera: Full support
  • ⚠️ Firefox: Limited (only scrollbar-width & scrollbar-color)