Design & Assets
Scrollbar CSS Generator
Generate custom scrollbar CSS.
Input
Scrollbar CSS Generator
scrollbarcssuiwebkit
Output
Scrollbar CSS Generator
.scroll-shell {
max-width: 360px;
max-height: 170px;
overflow: auto;
border-radius: 12px;
background: white;
color: #0f172a;
padding: 14px;
border: 1px solid rgba(15,23,42,0.08);
}
.scroll-shell::-webkit-scrollbar {
width: 10px;
}
.scroll-shell::-webkit-scrollbar-thumb {
background: #2563eb;
border-radius: 999px;
}
.scroll-shell::-webkit-scrollbar-track {
background: #e2e8f0;
border-radius: 999px;
}Live preview
Live canvas
Related tools
Accordion CSS Generator
Generate accordion panel CSS.
Avatar Stack CSS Generator
Generate overlapping avatar stack CSS.
Border Radius Generator
Generate border-radius CSS from corner values.
Floating Label Input CSS Generator
Generate floating label input CSS.
Focus Ring CSS Generator
Generate accessible focus-ring CSS.
Gradient Border CSS Generator
Generate gradient border CSS styles.