scrollAreas
Scroll section with resistance
A specific stretch of the page only converts a fraction of each scroll gesture into real movement, so crossing it takes more effort and the headline gains contrast as progress advances; reversing direction exits instantly, with no trap.
See it live and copy its promptWhat you can adjust
- Friction factor
- Segment travel
- Initial text contrast
- Final text contrast
- Indicator color
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
