PRODUCT HUNT•Featured on Product HuntSupport us

Turn App Clicks into Interactive Demos & Auto-Zoom Videos in 60s

Capture your web app workflow directly in Chrome. Export Screen Studio-style auto-zoomed 60fps MP4 trailers or clean, zero-dependency React and Tailwind landing page walkthroughs.

FlowTour - Turn web app clicks into interactive demos & 4K videos | Product Hunt
100% Client-Side WebCodecs
Local IndexedDB Privacy
Export 3KB React Tour or MP4
Product Hunt Community
GitContextGen Product Walkthrough Captured with FlowTour
Rendered 100% Client-Side WebCodecs
Core Architecture

Three Powerful Output Pipelines

Everything runs 100% locally in your Chrome browser. Record once, and instantly export high-converting assets with zero cloud subscriptions.

1-Click Chrome Recording

Click through your application naturally. FlowTour captures every DOM click, exact CSS selector, viewport coordinates, and screenshot with zero background lag.

  • Exact DOM path & coordinate tracking
  • Works on localhost and staging
  • Re-order or annotate any step
0ms Extension overhead

Auto-Zoom 60fps MP4 Export

Turn static clicks into cinematic product trailers. The native WebCodecs engine smoothly pans and zooms the camera onto click targets like Screen Studio.

  • Screen Studio camera pan & zoom
  • Native WebCodecs & MP4Box muxing
  • Direct client-side MP4 generation
Direct to Downloads folder

100% Self-Hosted & Zero Bloat

Avoid bloated 150KB tracking scripts. Copy a 3KB standalone embed script or clean React + Tailwind JSX component directly into your codebase.

  • 3KB embed or clean React component
  • No subscription API limits or calls
  • Zero 3rd-party tracking cookies
You own the code forever
import { FlowTourPlayer } from '@flowtour/react';

export default function ProductWalkthrough() {
  return (
    <FlowTourPlayer
      tourId="genesis-mint-flow"
      autoZoom={true}
      theme="dark"
    />
  );
}
Why FlowTour

Enterprise Demo SaaS vs. FlowTour

Stop paying $600–$1,200/year to host a few interactive steps.

CapabilityEnterprise SaaS ($60/mo)FlowTour
Pricing Model$50 – $150 / month recurring$0 Free / $19 Lifetime One-Time
Hosting & PrivacyStored on 3rd-party vendor servers100% Local in your Chrome IndexedDB
Script Footprint120KB – 200KB+ heavy tracker< 3KB or Pure React JSX
Auto-Zoom MP4 ExportWatermarked or $100+/mo tierNative 60fps WebCodecs Auto-Zoom
Vendor Lock-InCancel subscription = tours breakZero lock-in. You own code forever.
NG

Naveen Guru

Software Engineer • Creator of GitContextGen & FlowTour

"Hey, I'm Naveen! As a solo engineer launching apps like GitContextGen, I got tired of paying $60/month just to show a 5-step walkthrough on my landing page.

I built FlowTour to give developers a self-hosted, auto-zooming demo engine with zero monthly fees. It records right in Chrome, animates smooth camera pans to click targets, and exports clean React code or 60fps MP4s in seconds. Built by a dev, for devs."
Pricing

Pay Once. Own Forever.

No recurring SaaS monthly fees. No seat licenses. No surprise overage charges.

Community

Free
$0/ forever

For indie developers & open-source builders.

  • Unlimited walkthrough recordings
  • 100% Local IndexedDB offline storage
  • React + Tailwind component code export
  • 3KB vanilla embed script export
  • Standard 1080p (30fps) MP4 exports
  • Subtle "Made with FlowTour" watermark on videos

Pro Lifetime

One-Time
$19$99Early adopter

For creators, SaaS founders, and agencies.

  • Everything in Free, plus:
  • Clean exports (No FlowTour Watermark)
  • Custom brand logo overlay on videos
  • 60fps WebCodecs Ultra-HD 4K video engine
  • Custom camera zoom curves & focus controls
  • Lifetime updates & priority roadmap input
Get Lifetime Access — $19

14-day money-back guarantee. No questions asked.