Enhance Your UI: Customize Scrollbars with Simple CSS Tips

Enhance Your UI: Customize Scrollbars with Simple CSS TipsEnhance Your UI: Customize Scrollbars with Simple CSS Tips

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Muhamed Safwat

• May 30

🎨 Here's a small UI trick that I rarely see mentioned in courses.

If you've spent time crafting a consistent design system for your website, why leave the scrollbar looking completely different?

A few lines of CSS can make your scrollbar match your brand colors and feel like a natural part of the experience.

CSS webdev frontend

Max Chechel

max

• Oct 27

I felt something was off with my own website. Too plain. Not how I envisioned the brand. So I added more creative touches and built a real story into it. Now everything makes sense. It finally feels like Outredge 🚀 https://outredge.com/

Web Design Web Development Astro

Tabish Malik

pro

• Oct 27

That big bold wordmark with the corner brackets gives it so much more character. "A marketing site as good as your product" is a strong line too, says exactly what you do.

Ahmad Nazirov | Product Design & Framer

pro

• Oct 27

Sankey chart UI — light & dark modes.

Which version would you use?

Figma chart

6 voted

46%

7 voted

54%

13 votes

Closed

Samson T.

pro

• Oct 27

Dark for me. The flow colors carry the whole chart and they read brighter against it. Did you check how the thin low-value flows hold up in light mode? That’s usually where sankeys fall apart.

Thewebheart Studio

pro

• Oct 27

The contact page is usually the last page anyone designs.

We made it one of the best

Recent client work: a contact section UI design for a company with offices across cities. Globe in the back, every location up front, and small interactions that make the whole web design feel alive.