Arc Index Scroll

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.