Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    Enterprise
    Pricing
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Scroll to Top

    Elevate your site's navigation with a powerful scroll-to-top component featuring a dynamic progress indicator. It’s highly customizable & performance-optimized.

    Arnab Maiti
    Arnab Maiti
    Creator
    3w ago
    Updated
    1
    Installs
    Arnab Maiti
    Arnab Maiti
    Creator
    3w ago
    Updated
    1
    Installs

    Made with Workshop

    Build your own component with AI


    About this Component

    Give users an elegant way to navigate long pages with a smooth scroll-to-top button and visual progress indicator.

    Key Features:

    🎯 Smart Progress Ring - Shows scroll progress around the button as users scroll down

    🎨 Full Customization:

    • 3 Shapes: Circle, Rounded, or Square

    • Custom Colors: Set background and icon colors for normal and hover states

    • Styling: Add borders and shadows to match your design

    🚀 5 Icon Options - Arrow, Chevron, Caret, Double Arrow, or Rocket

    ⚙️ Smart Controls:

    • Position: Bottom Right, Left, or Center

    • Show/Hide: Set when button appears based on scroll distance

    • Speed: Control how fast it scrolls back to top

    ⚡ Fast & Smooth - Optimized performance with beautiful animations

    ✅ Easy Setup - Just drag and drop, then customize from the properties panel

    Perfect for:

    • Long blog posts and articles

    • Product pages and catalogs

    • Landing pages and portfolios

    • Any content-heavy site

    Add professional polish and better navigation to your site in minutes.

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for 3D Rotating Box, a Framer Marketplace template by Ævar Bernburg.
    3D Rotating Box
    $4
    Ævar Bernburg
    Thumbnail for Liquid effect Button, a Framer Marketplace template by Chaman Verma.
    Liquid effect Button
    $9
    Chaman Verma
    Thumbnail for Theme Based Image , a Framer Marketplace template by Kadir Can Tüfek.
    Theme Based Image
    $3
    Kadir Can Tüfek
    Thumbnail for Fluid Distortion, a Framer Marketplace template by Johnathan B..
    Fluid Distortion
    $10
    Johnathan B.
    Thumbnail for Folder Pop, a Framer Marketplace template by Renny Mathew.
    Folder Pop
    $6
    Renny Mathew
    Thumbnail for Polaroid Photo Card, a Framer Marketplace template by Apta Agency.
    Polaroid Photo Card
    Free
    Apta Agency
    Thumbnail for iPad Pro Mockup, a Framer Marketplace template by Jean.
    iPad Pro Mockup
    $5
    Jean
    Thumbnail for TOC Reveal (CMS), a Framer Marketplace template by Garry Andreano.
    TOC Reveal (CMS)
    $20
    Garry Andreano

    More from Arnab Maiti

    See All →
    Thumbnail for Masonry Gallery, a Framer Marketplace component by Arnab Maiti.
    Masonry Gallery
    component · $5
    Arnab Maiti