---
title: "Advanced Scroll Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Shouvik Biswas · Sections. Advanced Scroll Pro lets you design scrollbars that seamlessly match your website’s UI."
canonical: "https://framer.elliotli.dev/component/advanced-scroll-pro"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Advanced Scroll Pro

# Advanced Scroll Pro

Vertical + Horizontal Scrollbar

[View on Framer](https://framer.com/marketplace/components/advanced-scroll-pro/?via=elliot-li)

![Advanced Scroll Pro preview image 1](https://framer.elliotli.dev/og/component/advanced-scroll-pro/51fa84f6ea5c2361/1600x1200.jpg)

## Summary

Advanced Scroll Pro lets you design scrollbars that seamlessly match your website’s UI.

## Description

![Component Features with Property Controls](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-6f9wyhnt-BTWP2KAHPLWahx1AHrPpUIVYvEMSXq)Component Features with Property Controls

## Features

-   Solid or Gradient Thumb Styling
    
-   Custom Thumb Hover Effects
    
-   Independent Gradient Hover Controls
    
-   Adjustable Thumb Radius
    
-   Custom Scrollbar Track Styling
    
-   Adjustable Track Radius
    
-   Transparent Track Mode
    
-   Vertical Scrollbar Width Control
    
-   Horizontal Scrollbar Height Control
    
-   Hide Vertical Scrollbar Option
    
-   Hide Horizontal Scrollbar Option
    
-   Smart Dynamic Property Controls
    

## How to Use

1.  Add the component to a page, or place it in the Layout Template to apply styles globally.
    
2.  Customize the scrollbar using the property controls.
    
3.  Hit **Publish** and you're all set.
    

## Why Advanced Scroll Pro

Advanced Scroll Pro lets you design scrollbars that seamlessly match your website’s UI. With powerful customization options and simple property controls, you can create polished, modern scrollbar styles in seconds.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3839

## Details

- **Author**: Shouvik Biswas
- **Published**: 2026-03-26
- **Updated**: 2026-09-22
- **Added**: 2026-03-13
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes