---
title: "Animated Scroll — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Integry · Buttons. Elevate your Framer website with this beautifully crafted Scroll Progress Button."
canonical: "https://framer.elliotli.dev/component/animated-scroll"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Animated Scroll

# Animated Scroll

Smooth animating progress

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

![Animated Scroll preview image 1](https://framer.elliotli.dev/og/component/animated-scroll/4582af7ea5508ceb/1600x1200.jpg)

## Summary

Elevate your Framer website with this beautifully crafted Scroll Progress Button.

## Description

Elevate your Framer website with this beautifully crafted Scroll Progress Button. This component solves two key UX problems elegantly: it visually indicates how far users have scrolled through your content, and it provides a convenient, animated button to smoothly return to the top.

## ✨ KEY FEATURES:

-   **Visual Scroll Tracking**: Dynamic circular progress bar fills as users scroll
    
-   **Smooth Scroll-to-Top**: One click returns users to the top with buttery smooth animation
    
-   **Fully Customizable**: Control colors, sizes, and animation speeds directly in Framer's property panel
    
-   **Micro-Interactions**: Includes hover scale effects, tap animations, and bouncing arrow icon
    
-   **Professional & Polished**: Perfect for long-form content, portfolios, and documentation sites
    
-   **Zero Code Required**: Simply drop into your Framer project and customize visually
    

## 🎯 PERFECT FOR:

-   Portfolio websites
    
-   Long-read articles and blogs
    
-   Documentation sites
    
-   E-commerce product pages
    
-   Landing pages with multiple sections
    

## ⚙️ CUSTOMIZATION OPTIONS:

-   Button Size (40-100px)
    
-   Progress Stroke Color & Width
    
-   Background Color
    
-   Arrow Icon Color
    
-   Bounce Animation Speed
    

No coding skills required – just drag, drop, and customize. Works seamlessly in both Framer Preview and Published websites.

## Refund Policy

All sales are final due to the nature of digital products. Please review all details before purchasing.

## Questions & Support

Free lifetime updates & email support.Questions? Reach out via email [**amiopial017@gmail.com**](mailto:amiopial017@gmail.com) or on [**LinkedIn**](https://www.linkedin.com/in/amio-alam-pial-29649a230/).

## Setting Up

Need help setting up your website or integrating this component?Reach out and we’ll help get it running perfectly in your Framer project.

[Demo](https://integry.framer.ai/scrollprogress)

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

-   All · #3521

## Details

- **Author**: Integry
- **Price**: $5.00
- **Published**: 2025-10-23
- **Updated**: 2026-09-25
- **Added**: 2025-10-15
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything