About Back to Top flexible

A polished, flexible Back to Top button for Framer.

Add → Customize → Publish.

✨ More than a Back to Top button

Back to Top combines smooth scrolling, scroll progress, flexible layouts, multiple shapes, entrance animations, and detailed styling controls in one lightweight component.

What you get

↟ Smart scrolling

Customizable scroll threshold
Smooth or instant scrolling
Page or custom scroll container support

◌ Scroll progress

Live page scroll progress
Progress follows the button shape
Clockwise / counter-clockwise direction
Adjustable color, width, gap & opacity

▣ Flexible layouts

Icon
Text + Icon
Icon + Text
Text

Text layouts automatically size to their content.

◆ 9 shapes Circle, Square, Rounded, Rectangle, Pill, Diamond, Hexagon, Octagon & Custom.

🎨 Fully customizable Control size, icon, typography, spacing, colors, border, shadow, position and offsets directly from Framer.

✨ Smooth interactions Fade, Fade + Scale, Slide Up, Slide Side or None — plus hover scale, rotation, press animation and animation speed.

♿ Accessibility Keyboard support, accessible labels, proper button semantics and reduced-motion support.

🚀 Perfect for

SaaS • Landing Pages • Agencies • Portfolios • Blogs • Documentation • E-commerce • Product Pages • Marketing Websites

Especially useful for long pages where visitors don't want to manually scroll back to the top.

⚡ Stop rebuilding it

Why spend time creating scroll detection, progress calculations, animations, responsive behavior and accessibility for every project?

Add it once. Customize it visually. Reuse it everywhere.

💎 Built for Framer

No code editing. No external setup. No subscription.

One-time purchase.

Launch price: $3

Free for a limited launch period — grab it now.

A small component that can save you from rebuilding the same functionality again and again.

Back to Top flexible