Tool · Step-by-step guides
Tutorials
Paste screenshots of an application, describe the goal, and the AI builds an animated tutorial: screen mock-ups, a cursor that clicks and types, bubbles and a step list. Fix it by hand or with an instruction and share it by link or QR code.
What is Tutorials?
Screen recordings go stale with the first interface change, and written guides with pictures are never read to the end. Tutorials work differently: from screenshots the AI recreates the screens as light HTML mock-ups and walks the learner through step by step - the cursor glides to the right button, the camera zooms in, and a bubble explains what is happening.
You write one brief ("how to create a quiz and share it with a group"), paste a few screenshots and have a finished guide minutes later. Every step can be edited by hand, bigger changes are asked from the AI in a plain sentence, and the finished tutorial is shared by link, QR code or a short code - the learner needs no account.
See it in action
From a screenshot to an animated guide
Features
Key capabilities
Screenshots become mock-ups
The AI recreates pasted screenshots as clean HTML and CSS mock-ups, faithful to the layout, colours and button labels.
Cursor, zoom, bubble
An animated cursor clicks and types, the camera zooms in on the element, and a bubble explains why this step matters.
Changes in one sentence
"Add a step about saving", "split step 3 into two" - the AI rewrites the steps and only the screens the change touches.
Editing by hand
Titles, captions, bubbles and typed text are edited in place; steps are moved and deleted. Everything autosaves.
Link, QR and code
A published tutorial opens for anyone without an account - from the link, the QR code or the code typed on the join page.
On phones and accessible
The camera zooms in on small screens, captions are read by screen readers, and the animation respects reduced-motion settings.
Step by step
How it works
Describe the goal
Say what the learner should be able to do at the end and which screens they go through.
Paste screenshots
Ctrl+V or drop up to 8 screenshots, one per screen, in the order of the steps.
Generate and fix
The AI builds the steps and mock-ups; watch the preview, edit by hand or ask for a change.
Share
Publish and hand out the link, QR code or short code - also on an event agenda or a course syllabus.
Use cases
What it’s good for
- Employee onboarding: how to file a leave request, submit an expense, log working time.
- Software training: a step-by-step guide instead of a screen recording that goes stale after every update.
- Homework after a workshop: the learner repeats the steps in the real application with the tutorial beside it.
- Customer support: a tutorial behind a QR code in a message or on a leaflet.
- I need a guide to our software that people actually finish
- I want to turn screenshots into an animated guide without editing video
- I am looking for an onboarding tool for company applications
White label
Your brand for participants
On the paid plans you can add your company name, logo and colors, and during every session participants will see your brand instead of Verbalu.
Try “Tutorials” in Verbalu
Create a free account and run your first engaging session today. No card, no installation.