Home

/

Features

/

Step-by-step story

Step-by-step story

The section stays in view and the content appears step by step while scrolling — scrollytelling in a single tag.

Step-by-step story

Tell a story in steps: the section stays in view while the visitor scrolls and the parts appear one by one. Every scroll movement reveals the next step — ideal for a workflow or process. The technical name is GsapScrollSteps.

Example

Step 1 — Say what you want

Step 2 — The assistant builds it

Step 3 — Your site is live

The prompt for this example

prompt
Create a section that reveals these three steps one by one while scrolling: 'Say what you want', 'The assistant builds it', 'Your site is live'.