scrollAreas
page-turn section transition
As the user scrolls, the active section detaches at its spine and rotates away like a book page (rotateY or rotateX with perspective), while the next section already sits beneath it; a fold shadow travels and narrows during the turn and the lifting face darkens progressively, all mapped to scroll progress rather than a fixed duration.
See it live and copy its promptWhat you can adjust
- Perspective
- Rotation axis
- Fold shadow
- Darkening
- Number of pages
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.
