Back to all components

Back-to-top button

Here's a free back-to-top button created in Framer without the need for any code. Feel free to remix it and use it in your next project!

Back-to-top button in Framer
Back-to-top button in Framer
Back-to-top button in Framer

Category

Clonable

Category

Clonable

Author name

Luca Da Corte

Author name

Luca Da Corte

Last Updated

Apr 16, 2024

Last Updated

Apr 16, 2024

Overview

This simple back-to-top button uses a scroll-section target applied to the hero section of your page. The use of an appear effect makes it appear only when the user scrolls past the first section - and disappears when the user scrolls back to the top.

The button and its animations rely solely on built-in features, making it easily customisable for anyone.