---
title: "Smooth Scroll to Top — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Chiranjeev Singh · Interactive. Adaptive easing, progress ring"
canonical: "https://framer.elliotli.dev/component/smooth-scroll-to-top"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Smooth Scroll to Top

# Smooth Scroll to Top

Adaptive easing, progress ring

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

![Smooth Scroll to Top preview image 1](https://framer.elliotli.dev/og/component/smooth-scroll-to-top/eb70ae56c841b70f/1600x951.jpg)

## Summary

Adaptive easing, progress ring

## Description

Appears after a scroll threshold you set in vh, px, or percent of page, then returns to the top on a real easing curve rather than the browser's native smooth scroll.

Duration adapts to distance by default — a short page and a long one both feel deliberate instead of one snapping and the other dragging. Switch to fixed timing if you'd rather pin it.

**Controls** Reveal threshold (vh / px / % of page) · hide near page end · five corner positions with X/Y offsets · size, radius, background, hover background, border, shadow · three built-in icons or a custom image · optional scroll-progress ring · adaptive or fixed timing with speed, min/max duration, and five easing curves · stop offset for sticky headers · four entrance animations · hover and tap scale · ARIA label.

Interruptible by default — wheel, touch, or keypress cancels the animation mid-flight. Respects `prefers-reduced-motion`.

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

-   All · #7283

## Details

- **Author**: Chiranjeev Singh
- **Price**: $5.00
- **Published**: 2026-08-31
- **Updated**: 2026-10-06
- **Added**: 2026-08-31
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase