Interactive Tutorial Builder

Use screenshots make tutorial wey person fit click step by step, then export one HTML file.

Add screenshots, write instruction for each step and place click marker. Preview am, then download HTML or save project make you edit later.

0 / 0Drag the marker or use arrow keys.

Add screenshots make you start, or try the example.

Click the number marker to move go next step.

Your changes stay for this tab until you save project.
How to use

Interactive Tutorial Builder

Add screenshots, write instruction for each step and place click marker. Preview am, then download HTML or save project make you edit later.

Example and wetin you go get

Try the three-step JSON example: load sample, format am and copy result. HTML carry all three screenshots and e work without internet.

Limits and how to cancel

Na up to 20 steps, 8 MB for each PNG, JPEG or WebP, 40 MB altogether, 16 million pixels and 8192 pixels for each side. No animated image. Project limit na 58 MB. E no record screen, find steps or translate text automatically.