React user onboarding
with your own components
Flows is a headless user onboarding SDK for React. Use your own components and iterate without code changes.
How Flows powers React user onboarding
From first login to activation, Flows gives you everything you need to build onboarding that converts: product tours, checklists, tooltips, and more, all inside your React app.
Product tours
Guide users step-by-step through your product with tooltips, modals, and hints that feel native to your app.
Embeddable components
Embed interactive content directly inside your app layout: checklists, empty states, and contextual guides without floating overlays.
Custom components
Use your own design system and component library to build adoption experiences that match your product's look and feel exactly.
Localization
Deliver workflow content in any language to reach a global user base.
User targeting
Target specific users or segments with AND/OR logic to show the right experience to the right person.
Analytics
Track workflow performance with built-in analytics. Measure completion rates, drop-off, and engagement across all your adoption experiences.
Designed for unlimited customizability
Flows is designed to be a “Headless product adoption platform”. We’ll focus on user state problems, so you can focus on your own product.
Questions and Answers
Effective user onboarding in React combines contextual tooltips, guided product tours, and inline checklists. With Flows, you can build all of these using your own React components and orchestrate them as a workflow, so users get a personalized, sequential experience without you writing complex state logic.
Pass user properties (like isNewUser or signupDate) to the Flows SDK and create targeting rules in the dashboard. Flows automatically triggers the right workflow for the right user without conditional rendering boilerplate in your components. Read our guide on targeting only new users.
Yes. Flows workflows support multi-step sequences with branching logic, completion tracking across sessions, and progress persistence. Build a checklist, a step-by-step tour, or a combination, all managed by Flows while your UI stays in React.
Flows includes built-in analytics that track workflow starts, completions, and drop-off at each step. You get per-workflow metrics without needing to instrument every component manually or configure a separate analytics tool.
Yes. Once developers integrate the Flows SDK and register components, product managers and designers can create and update onboarding workflows in the Flows dashboard without any code changes or redeployments. See the React installation guide for details on how to set Flows up in your app.
Build better React user onboarding today
Stop hard-coding onboarding logic. Use Flows to build flexible, data-driven onboarding experiences that guide users to activation.
No credit card required. Free forever.