Interactive Tutorial Builder

Build a clickable, step-by-step tutorial from screenshots and export a self-contained HTML file.

Add screenshots, write each instruction and position the click marker. Preview the tutorial, then download HTML or save a project to edit later.

0 / 0Drag the marker or use arrow keys.

Add screenshots to begin, or try the example.

Click the numbered marker to continue.

Changes stay in this tab until you save a project.
How to use

Interactive Tutorial Builder

Add screenshots, write each instruction and position the click marker. Preview the tutorial, then download HTML or save a project to edit later.

Example and expected result

Try the three-step JSON example: load sample data, format it and copy the result. The exported HTML contains all three screenshots and works without an internet connection.

Limits and cancellation

Up to 20 steps, 8 MB per PNG, JPEG or WebP image, 40 MB total, 16 million pixels and 8192 pixels per side. Animated images are not supported. Project files are limited to 58 MB. Recording, automatic step detection and automatic text translation are not included.