ScrollBar
Theme-aware custom scrollbar that automatically matches every color scheme and dark/light mode via CSS variables.
Simple Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
ScrollBar/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
.no-scrollbar | CSS class | — | Apply to any element to completely hide its scrollbar while preserving scroll behaviour. |
Usage
/* Already imported globally via styles/globals.css — no JS needed. */
/* Hide scrollbar on a specific element */
<div className="no-scrollbar overflow-y-auto h-64">
{/* content */}
</div>
/* The themed scrollbar applies automatically to all scrollable elements. */