scroll-arrows

Scroll down — each arrow draws itself and shows the API call that made it.

Roughness spectrum · horizontal

enriched[]
step 1

Roughness spectrum · scratchy

onboard[]
step 2

Vertical · curved

source
target

Diagonal · curved

top-left
bottom-right

Obstacle avoidance

from
obstacle
to

Solid arrowheads · filled

open V
filled

Staggered group · tree reveal

root
child A
child B
child C

Reduced motion · static fallback

a11y[]
drawn

Auto-respects prefers-reduced-motion: reduce. With reduced motion on, this arrow renders fully drawn and static instead of animating on scroll. Opt out with respectReducedMotion: false.

Hidden anchor · tab reveal

source

Tab 1 keeps the target in a hidden panel, so nothing draws. Switch to Tab 2 to reveal it — refresh() then snaps the arrow into place.

Elbow routing · org chart

CEO
eng
design
ops
— fin —