User onboarding for
Vue 3 and Nuxt
Flows works with Vue 3 and Nuxt as a plugin. Add user onboarding and iterate without touching your components.
Trusted by leading engineering, product, and design teams
How Flows powers Vue user onboarding
Flows plugs into Vue as a plugin and exposes methods for managing onboarding workflows. Build guided tours, checklists, and contextual hints, all rendered with your own Vue components.
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.
Frequently asked questions
Create the Flows plugin and enable it with app.use(flowsPlugin) or defineNuxtPlugin() and pass user identity. Use built-in components or pass your own components without needing to manage user state. The Vue installation guide walks you through the setup process with code examples.
Yes. Flows listens to client-side navigation events and evaluates route-based trigger conditions automatically. Set up onboarding steps that activate on specific routes without adding navigation guards.
Pass user properties when identifying users, such as isNewUser or signup date. Flows evaluates these properties locally against targeting rules defined in the dashboard, so returning users are automatically excluded from onboarding flows. See the guide on targeting only new users.
Flows exposes a set of methods you can call anywhere after you initialize the SDK. Use them to read active blocks, workflow state and more.
Yes. Add Flows as a Nuxt client-side plugin to ensure it runs in the browser. Nuxt route changes are detected automatically, and you can use SSR-safe guards to prevent initialization issues during server rendering.
Build better Vue user onboarding today
A Vue SDK that feels native. Guide your users to activation with onboarding flows that live inside your app.
