Go live in 5 minutes
Simple setup. Two function calls. Everything else happens in the visual editor.
Install the SDK
Add FlowNavi to your project and initialize it with your project ID and user data. This is the only code you need to write.
import { FlowNavi } from "@flownavi/sdk"
FlowNavi.init("YOUR_PROJECT_ID")
FlowNavi.identify("user_id", {
plan: "growth",
role: "admin",
signedUpAt: "2025-01-15",
companyId: "company_id",
})Works with React, Next.js, Vue, Angular, Svelte, or any JavaScript framework. A script tag is also available if you don't use npm.
Open the visual editor
Navigate to your app in the browser and activate the FlowNavi editor. It overlays on top of your live app so you can build tours on your actual UI.
Build your first tour
Click on any element to add a tooltip or tour step. Or describe what you want and let AI build it for you. No code required.
Publish
One click and your tour is live. Your users will see it immediately. Track completion rates and drop-offs from your dashboard.
That's it.
No complex SDK integration. No developer handoff. Install, build, publish.