Voice narration, animated cursor, spotlight overlay — like someone is teaching you live. Works on any site via a Chrome extension. No code access needed.
Pure vanilla JS. No build tools, no frameworks, no conflicts.
Natural text-to-speech in 8+ languages with voice & speed control. Users listen instead of reading walls of text.
A fake cursor moves to each element and clicks — exactly like a screen recording, but live and always up-to-date.
SVG mask-based cutout with pulsating ring. Dims the page, highlights what matters. Zero distraction.
Play/pause, timeline scrubber, speed control, scene counter. Users already know how to use a video player.
Click buttons, open modals, toggle menus — the tour interacts with the real UI, not just points at it.
Each scene supports localized text and speech. One tour serves global audiences with a language switcher.
Complex interfaces + occasional users + high cost of error = massive value.
Tax filing, immigration forms, social security portals. Guide citizens through bureaucratic UI step by step — reduce support calls by 80%.
Azure, AWS, GCP — hundreds of settings, IAM roles, billing dashboards. Onboard developers in minutes, not days.
Create campaigns, set up pixels, build audiences. Teach marketing teams to use Meta Ads, Google Ads or LinkedIn — live on the real UI.
Shopify, WooCommerce, Amazon Seller Central — help merchants configure their stores, payments, and shipping without support tickets.
ERPs, CRMs, HR tools — train new employees on internal systems without scheduling a single meeting. Interactive, self-paced, repeatable.
Guide teachers through course creation and students through enrollment. Works on Moodle, Canvas, Google Classroom — unchanged.
Write a JSON array of steps: target element, title, narration text, and optional actions.
{
element: '#submit-btn',
title: 'Submit form',
speech: 'Click here to submit.',
cursorClick: true
}Include the JS + CSS (15KB total), or install the Chrome extension for third-party sites.
<script src="castflow.js"></script>
new CastFlow({ scenes }).start();Voice narration, animated cursor, spotlight — your users get a live, interactive walkthrough.
The CastFlow extension injects tours on any webpage. Create guided walkthroughs for Azure, Hacienda, Meta Ads, Shopify — without touching their source code.
| Video tutorials | Tooltip tours | CastFlow | |
|---|---|---|---|
| Always up-to-date | ✗ Re-record on every UI change | ✓ | ✓ |
| Voice narration | ✓ | ✗ | ✓ TTS in 8 languages |
| Interactive | ✗ Passive watching | ~ Click to advance | ✓ Clicks, modals, actions |
| Works on 3rd-party sites | ✓ Screen record anything | ✗ Needs code access | ✓ Chrome extension |
| Zero dependencies | — | ~ Most need npm | ✓ Vanilla JS |
Start building tours in minutes. Open source, free forever.