React Native Header Motion

A single shared progress value from 0 to 1. Wire it into any Reanimated style you can imagine.

Keep one header in sync across tabs, pagers, or any combination of scrollables.

Bridge header motion context into navigation-rendered headers with a simple render-prop pattern.

Let users collapse the header by dragging on it directly, with momentum-based decay.

Wrap FlashList, LegendList, or any scrollable with a single function call.

You build the visuals, the library handles the motion plumbing.