GuideFlow

About

GuideFlow is an interactive onboarding and tutorial tool that lets you create
step-by-step guides on any website. It's perfect for:

✅ User Onboarding — Help new users navigate complex web applications
✅ Training — Create interactive tutorials for employees or customers
✅ Process Documentation — Document multi-step workflows with visual highlights

Key Features:

★ Interactive Step Guides
Create and run step-by-step guides on any webpage. Each step can highlight
a specific element, show instructions, and even auto-perform actions like
clicks, text input, or page navigation.

★ Action Recording
Record your interactions on a page - clicks, typing, scrolling - and
automatically convert them into reusable guide steps. No coding required.

★ Advanced Screen Recording (rrweb-powered)
High-fidelity session recording using DOM-based capture for accurate replay.
Supports multiple presets (Standard/Quick/Detailed).

★ Smart Element Highlighting
Choose from 4 animation styles (pulse, bounce, shake, glow) and 5 colors
to draw attention to the right element at the right time.

★ Browser Side Panel
Dedicated Chrome side panel for browsing, editing, and running guides
without leaving your current page.

★ Step Editor
Full-featured editor with live CSS selector validation, undo/redo history,
and support for multiple action types (click, input, scroll, navigate, wait).

★ Multi-Project Organization
Organize guides into projects with categories, website targeting, and
progress tracking across sessions.

★ Privacy-First Recording
Sensitive input masking (passwords, credit cards, SSNs), AES-GCM encryption
for stored recordings, and granular permission controls.

★ Security & Privacy
No broad host permissions** — site access is requested only when you explicitly grant it.
Permissions can be revoked anytime** in chrome://extensions.
Recording data stays on your device** unless you choose to upload.