How it works templates

How-it-works sections: the steps from sign-up to result, one at a time.

Each one is a single prompt an AI coding agent rebuilds from: rebuild-tested with Claude Code, written for Cursor, Codex and Gemini CLI.

Pro TemplateView template

Gatefold

How it works

A how-it-works page that is a pop-up book. Each step is a spread you turn to: drag the corner and the page lifts, its paper pieces fold flat, and the next scene stands up. Pull a tab, turn a paper wheel, tap a city.

React 19 • Tailwind v4Free for members