The widget library for WordPress is here Download plugin

Minimalist Scroll to Top Arrow

Free

This Minimalist Scroll to Top Arrow is a high-performance navigation utility designed to enhance user experience (UX) and boost engagement on content-heavy websites. Built with clean code and a premium aesthetic, it provides a seamless "back to top" journey for your visitors.

Optimized Description & SEO Features

  • Enhanced Navigation UX: Improves website accessibility by providing an instant, one-click solution to return to the header, reducing user frustration on long-scrolling layouts.
  • High-End Interaction: Features a smooth scroll animation and a sophisticated fade-in effect triggered by scroll depth, adding a layer of professional polish to any modern web design.
  • Fully Customizable Aesthetic: Integrated with custom data attributes, allowing you to easily match the brand colors, background, and icon styling directly through the Redesignee customizer without touching the CSS.
  • Lightweight & Fast: Coded in pure Vanilla JS and CSS for zero-lag performance, ensuring your site maintains high Google PageSpeed scores and optimal mobile responsiveness.
  • SEO-Friendly Implementation: Uses semantic HTML with aria-label attributes to ensure compatibility with screen readers, supporting ADA compliance and search engine indexing.

Ideal Use Cases

This widget is specifically engineered for long-form landing pages, detailed creative portfolios, extensive case studies, and E-commerce product grids.

Technical Highlights

  • Adaptive Visibility: Includes logic to automatically show in preview/demo modes even if the container height is limited.
  • Cross-Platform Ready: Works perfectly as a native block for Squarespace and WordPress, and as an embed for other platforms.
  • Z-Index Optimized: Fixed positioning ensures it stays on top of all other elements, with a 999999 stack order to prevent overlapping issues.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.

Published:

Apr 20, 2026 03:36 AM

Category: