Back to Top

A polished back-to-top button your visitors will actually use

Give your visitors a smooth, one-click way to scroll back to the top of long pages. Minimal, elegant, and completely customizable.

15+
Icon options
Smooth
Scroll animation
~5KB
Bundle size
2s
Setup time
Features

Small button, big impact

Smart visibility

Appears only after scrolling down a configurable distance. Never clutters the viewport on short pages.

Custom styling

Set colors, size, border radius, position, and opacity. Choose from arrow, chevron, or custom icon styles.

Smooth scrolling

Animates to the top with a smooth easing curve. No jarring jumps, even on very long pages.

Touch-friendly

Sized and positioned for easy tapping on mobile devices. Stays out of the way of other floating elements.

Use Cases

Essential for content-heavy sites

Blogs & articles

Long-form content benefits most from a back-to-top button. Readers can jump back to navigation instantly.

Documentation

Technical docs with many sections become much easier to navigate with a persistent scroll button.

Portfolio sites

Image-heavy pages scroll quickly. Give visitors a fast way to return to the top without endless scrolling.

E-commerce

Product listing pages with many items benefit from easy top-of-page navigation.

Why Choose This

Built for performance and flexibility

01Appears automatically on scroll
02Configurable scroll threshold
03Multiple icon and shape options
04Fixed positioning with offset control
05Smooth scroll animation
06Accessible keyboard support
Get Started

Up and running in 3 steps

1

Choose your style

Pick a button shape, icon, and color that matches your site. Preview it live as you customize.

2

Set the behavior

Configure when it appears, where it sits, and how fast it scrolls. Everything is adjustable.

3

Add to your site

Paste one script tag. The button appears on every page automatically.

FAQ

Common questions

You can set a scroll threshold (e.g. 300px). The button smoothly fades in once the visitor scrolls past that point.

Yes. Place it in any corner of the screen with customizable offset from the edges.

Absolutely. The button is touch-friendly and properly sized for mobile tapping. It automatically avoids common mobile UI elements.

No. The button renders inside a Shadow DOM, so its styles are completely isolated from your page.

Add a back-to-top button

Pick a style, customize, and embed in seconds. Your visitors will thank you.