<CSSForge/>

Scrollbar Styler

Customize scrollbar appearance for Webkit and Firefox browsers.

Scroll content line 1 — Preview the custom scrollbar styling

Scroll content line 2 — Preview the custom scrollbar styling

Scroll content line 3 — Preview the custom scrollbar styling

Scroll content line 4 — Preview the custom scrollbar styling

Scroll content line 5 — Preview the custom scrollbar styling

Scroll content line 6 — Preview the custom scrollbar styling

Scroll content line 7 — Preview the custom scrollbar styling

Scroll content line 8 — Preview the custom scrollbar styling

Scroll content line 9 — Preview the custom scrollbar styling

Scroll content line 10 — Preview the custom scrollbar styling

Scroll content line 11 — Preview the custom scrollbar styling

Scroll content line 12 — Preview the custom scrollbar styling

Scroll content line 13 — Preview the custom scrollbar styling

Scroll content line 14 — Preview the custom scrollbar styling

Scroll content line 15 — Preview the custom scrollbar styling

Scroll content line 16 — Preview the custom scrollbar styling

Scroll content line 17 — Preview the custom scrollbar styling

Scroll content line 18 — Preview the custom scrollbar styling

Scroll content line 19 — Preview the custom scrollbar styling

Scroll content line 20 — Preview the custom scrollbar styling

Scroll content line 21 — Preview the custom scrollbar styling

Scroll content line 22 — Preview the custom scrollbar styling

Scroll content line 23 — Preview the custom scrollbar styling

Scroll content line 24 — Preview the custom scrollbar styling

Scroll content line 25 — Preview the custom scrollbar styling

Scroll content line 26 — Preview the custom scrollbar styling

Scroll content line 27 — Preview the custom scrollbar styling

Scroll content line 28 — Preview the custom scrollbar styling

Scroll content line 29 — Preview the custom scrollbar styling

Scroll content line 30 — Preview the custom scrollbar styling

/* Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1a1a2e;
}
::-webkit-scrollbar-thumb {
  background: #6366f1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #6366f1cc;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6366f1 #1a1a2e;
}
Presets