GuideFlow

Interactive step-by-step guide tool. Create walkthroughs on any website with recording and highlighting.

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 ✅ Self-Service Support — Reduce support tickets with self-guided walkthroughs 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.