---
title: "Scroll arrow — Free Framer component · Best of Framer"
description: "Free Framer component · by Gyte Tama · Sections. Disappear the arrow with scroll"
canonical: "https://framer.elliotli.dev/component/scroll-arrow"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Scroll arrow

# Scroll arrow

Disappear the arrow with scroll

[View on Framer](https://framer.com/marketplace/components/scroll-arrow/?via=elliot-li)

![Scroll arrow preview image 1](https://framer.elliotli.dev/og/component/scroll-arrow/b2305dfe5a94cdd2/1600x875.jpg)

## Summary

Disappear the arrow with scroll

## Description

**Scrolling Arrow**

A scroll-driven arrow indicator that shrinks as the user moves down the page - a subtle, satisfying cue that there's more to explore.

The arrow starts at full length and its tail gradually draws upward toward the tip as the page scrolls, disappearing entirely when the bottom is reached. Motion is spring-smoothed for a natural, physical feel rather than a mechanical linear fade.

**Features**

-   Scroll-linked animation tied to full-page progress
    
-   Spring physics for smooth, natural motion
    
-   Auto-hides at the end of the page
    
-   Fully visible in the Framer canvas for easy positioning
    
-   Zero layout impact — non-interactive and pointer-events free
    

**Property Controls**

-   **Color** - match any brand or design system
    
-   **Max Length** - controls how tall the arrow starts (50–800px)
    
-   **Thickness** - stroke weight of the line and tip (1–20px)
    
-   **Arrow Tip Size** - scales the arrowhead independently (5–100px)
    
-   **Scale** - uniform scale override (0.1–2×)
    

**Best used on** hero sections, landing pages, and long-scroll layouts where you want to invite the user downward without a distracting UI element.

## Rank history [How rankings work →](/terms#rankings)

-   All · #420

## Details

- **Author**: Gyte Tama
- **Published**: 2026-06-17
- **Updated**: 2026-06-17
- **Added**: 2026-06-17
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove