---
title: "Back to top V2 — Free Framer component · Best of Framer"
description: "Free Framer component · by Russet Supply · Buttons. Scroll-trigger back-to-top button"
canonical: "https://framer.elliotli.dev/component/back-to-top-v2"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Back to top V2

# Back to top V2

Scroll-trigger back-to-top button

[View on Framer](https://framer.com/marketplace/components/back-to-top-v2/?via=elliot-li)

![Back to top V2 preview image 1](https://framer.elliotli.dev/og/component/back-to-top-v2/54c1f0b82c3cab5c/1600x1200.jpg)

## Summary

Scroll-trigger back-to-top button

## Description

[Live Preview](https://backtotopp.framer.website/)

[Grab more components for free](https://www.framer.com/@design-by-saqlain/)

Back To Top is a clean, customizable scroll-to-top button that appears after a defined scroll distance and smoothly returns visitors to the top of the page or a specific section. Choose your icon, colors, placement, shape, border, and motion directly from the Framer property panel.

### Features:

-   Appears after a custom scroll distance
    
-   Smooth or instant scrolling
    
-   Scrolls to the page top or a custom section
    
-   Lucide and Phosphor icon support
    
-   Custom icon size and stroke
    
-   Left or right positioning
    
-   Adjustable offsets and z-index
    
-   Custom hover states
    
-   Optional border
    
-   Spring-based hover and press motion
    
-   Static-render optimized for Framer
    

### How It Works

The button stays hidden until the visitor scrolls past your chosen threshold. Once visible, clicking it smoothly scrolls back to the top of the page or to a custom section using its HTML ID. You can choose smooth or instant scrolling and customize its hover, icon, placement, and motion behavior from the Framer panel.

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

-   All · #1825

## Details

- **Author**: Russet Supply
- **Published**: 2026-09-09
- **Updated**: 2026-09-09
- **Added**: 2026-09-09
- **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