Design custom scrollbars with both modern (scrollbar-width/scrollbar-color) and WebKit (::-webkit-scrollbar) syntax. Live preview and copy-ready CSS.
Preview area. Scroll inside this box to see your custom scrollbar in action.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in eros et leo consequat venenatis. Maecenas non tortor vitae magna dapibus rutrum. Praesent a purus eget leo molestie commodo.
Integer fermentum, lorem nec pretium lacinia, enim ex scelerisque mauris, sed dictum velit magna id purus. Cras vitae tortor ut sapien tincidunt sagittis.
Morbi at sem nec arcu fringilla vehicula. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Vivamus luctus massa sit amet justo fermentum, sed condimentum quam porta. Fusce dignissim diam eu lectus scelerisque, eget imperdiet eros dignissim.
Aenean eget mi nec nisi venenatis pharetra. Quisque vitae placerat est, sed aliquet urna. Donec vehicula dolor vitae lacus egestas, vitae egestas libero feugiat.
Curabitur consequat libero nec urna tincidunt, a dignissim ligula tincidunt. Sed sed purus ut enim feugiat vulputate.
Phasellus sed tortor at urna ultricies sollicitudin. Proin vehicula, elit ut egestas feugiat, nulla massa tempus lacus, nec commodo diam nunc vitae orci.