Scroll to Top
Elevate your site's navigation with a powerful scroll-to-top component featuring a dynamic progress indicator. It’s highly customizable & performance-optimized.
Made with Workshop
Build your own component with AI
About this Component
Give users an elegant way to navigate long pages with a smooth scroll-to-top button and visual progress indicator.
Key Features:
🎯 Smart Progress Ring - Shows scroll progress around the button as users scroll down
🎨 Full Customization:
3 Shapes: Circle, Rounded, or Square
Custom Colors: Set background and icon colors for normal and hover states
Styling: Add borders and shadows to match your design
🚀 5 Icon Options - Arrow, Chevron, Caret, Double Arrow, or Rocket
⚙️ Smart Controls:
Position: Bottom Right, Left, or Center
Show/Hide: Set when button appears based on scroll distance
Speed: Control how fast it scrolls back to top
⚡ Fast & Smooth - Optimized performance with beautiful animations
✅ Easy Setup - Just drag and drop, then customize from the properties panel
Perfect for:
Long blog posts and articles
Product pages and catalogs
Landing pages and portfolios
Any content-heavy site
Add professional polish and better navigation to your site in minutes.
