Custom scroll bar

new

This code component replaces the native scroll bar with a custom one, works on every browser and even on mobile. Add a nice little touch to your pages. Whether you’re styling a full-page scroll or a specific container, this scrollbar adapts perfectly to any scenario.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Custom scroll bar

Adjustable properties

Color

Width

Radius

Track color

Auto-hide

Adjustable properties

Color

Width

Radius

Track color

Auto-hide

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Drag it into your Desktop breakpoint and set it on top making sure the position type is set to "Fixed".

Set up guide for code components

How do I use it?

Drag it into your Desktop breakpoint and set it on top making sure the position type is set to "Fixed".

Set up guide for code components

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Framer Plugin

new

Check out our new companion, the Eleveight Supply Framer plugin. Get quick access to all of your components and overrides right within Framer.