Back to Top Button Generator
Create a customizable back-to-top button for your website. Choose icon, color, shape & position. Get embed code or hosted JS.
Customize
Live Preview
Embed Code
Popular Tools
About Back to Top Button Generator
The Back To Top Generator helps you create high-quality output on demand, for free, right in your browser. Create a customizable back-to-top button for your website. Choose icon, color, shape & position. Get embed code or hosted JS. Our Back To Top Generator uses smart defaults but lets you customize every setting so the final result fits your project. Because everything runs client-side, your inputs and generated outputs remain private — nothing is uploaded or logged. Use it as often as you like, in personal or commercial projects, with no attribution required.
Use Cases
How to use
Set the button Background and Icon Color with the pickers or hex fields, and drag Size between 32px and 72px.
Choose the button shape - Circle, Rounded or Square - and whether it sits Bottom Right or Bottom Left of the page.
Pick the glyph from the icon dropdown: Arrow, Chevron, Double or Rocket.
Drag Scroll Offset to set how far down the page a visitor must scroll, from 100px to 800px, before the button fades in, and tick Shadow for a drop shadow.
Check the floating button in the mock browser under Live Preview, then choose Hosted JS for a one-line script tag or Inline for self-contained HTML, CSS and JS.
Press Copy on the Embed Code panel and paste the snippet into your page before the closing body tag.
Pro Tips
- Tweak the settings one at a time so you can see how each option affects the Back To Top Generator output.
- Click the regenerate or randomize button multiple times — you often find a better result on the third or fourth attempt.
- Copy several candidates to your clipboard or a notes file and compare them before committing to one.
- If the Back To Top Generator supports exporting, save important outputs immediately — nothing is persisted server-side.
- Combine outputs from this Back To Top Generator with other tools (formatters, previews, checkers) to polish the final result.
Frequently Asked Questions
Yes. Anything generated with the Back To Top Generator is yours to use freely in personal or commercial projects with no attribution required.
Yes, fully free with no signup, no paywall, and no watermark on the output.
Nowhere on our side. The Back To Top Generator runs in your browser and nothing is retained after you close the tab, so save important results locally.
Yes. Each Back To Top Generator exposes configurable options so you can tailor the style, length, or format to match your needs.
The Back To Top Generator uses strong randomness and varied templates so that each generation is likely to be unique. For guaranteed uniqueness across a large set, verify the final collection with your own deduplication step.
Yes. The interface is responsive and works on iOS, Android, and all modern mobile browsers.