scrollAreas
Three reveal-animation primitives
Three reveal components reused throughout the page: a headline with blur-in and slide, a paragraph with a softer fade-up, and an image revealed via a top-to-bottom clipPath inset; all sharing the same easings and a once-only viewport trigger.
See it live and copy its promptWhat you can adjust
- Headline duration
- Image duration
- Viewport margin
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.
