---
title: "Arc Index Scroll — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Nic · Navigation. Scroll-driven curved index list"
canonical: "https://framer.elliotli.dev/component/arc-index-scroll"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Arc Index Scroll

# Arc Index Scroll

Scroll-driven curved index list

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

![Arc Index Scroll preview image 1](https://framer.elliotli.dev/og/component/arc-index-scroll/75afead2f15e3554/1600x1019.jpg)

## Summary

Scroll-driven curved index list

## Description

Your list bends as you scroll. Rows fan back along an arc, the one on the highlight line turns solid, and its image pops in beside it.

Most list components react to hover, which means they do nothing on a phone. Arc Index is driven by scroll position, so the same interaction works on desktop and on touch without a second variant.

Set the speed once and forget the maths. Scroll Per Row fixes how far you scroll to move from one row to the next, and the section works out its own height from it, so adding rows makes the section longer instead of making it run faster. Scroll Lag sets how far the list trails behind you, Curve Depth and Curve Sharpness set how hard the rows bend, and the image pops on every change with its own scale and timing.

Features • Set the scroll speed once. The section sizes itself from your rows, so the pace never changes when the list grows • Up to 24 rows, each with its own text, image and link • Click or tab a row and it scrolls itself into the highlight. The highlighted row opens its link, so the list is keyboard navigable • Shrink Text To Fit reduces the size until the longest row fits, so nothing gets cut off on narrow screens • A mobile breakpoint measured on the section itself, not the screen, so it also behaves inside a narrow column • Plain language controls with a description on every one • Static renderer aware: no animation loops on the canvas or in exports

Good for project indexes, client lists, chapter navigation, archive pages and case study menus.

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

-   All · #3966

## Details

- **Author**: Nic
- **Price**: $5.00
- **Published**: 2026-09-07
- **Updated**: 2026-09-07
- **Added**: 2026-09-07
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation