Skip to main content

​
Quick start

Flowboard helps product, growth, and engineering teams ship in-app onboarding without waiting for a full app release. Create an app in Flowboard Studio, generate a first flow with AI or a template, edit screens visually, publish the runtime JSON, and launch the flow from your React Native or Flutter app. (Swift and Kotlin are now available too, documention coming soon)

Open Flowboard Studio

Create your app, build your first flow, and start iterating.

Contact support

Reach out if you need help with setup, migration, or pricing.
Common Flowboard goals:
  • Iterate onboarding faster
  • A/B test onboarding
  • Generate onboarding with AI
  • Analyze drop-off and activation

​
The Flowboard platform overview

1

Step 1

Open Flowboard Studio and create an app for iOS, Android, or both.
2

Step 2

Add the app identifier you want to target, then choose how you want to start: AI generation, a template, or a blank flow.
Flowboard supports several starting points:
  • Generate with AI when you want a first draft from a product prompt.
  • Use a template for common flows like mobile onboarding, welcome modal, paywall, upsell, or NPS.
  • Build from scratch when you already know the exact screen sequence you want.
In Flowboard Studio you can:
  • Build builder screens with Flowboard’s JSON-driven UI blocks.
  • Mix in custom screens that render native code in your app.
  • Tune copy, layout, backgrounds, progress bars, and actions without touching the app release pipeline.
  • Preview draft and published states before shipping changes.
Every flow can move from draft to published. Published flows are exported as runtime JSON and can be launched in your app by flow ID through the Flowboard SDK.
Flowboard lets you define audiences with rules like app version, country, locale, and operating system, then assign flow variants and traffic weights for rollout and A/B testing.
Flow metadata such as flow_id, variant_id, audience_id, bucket, and experiment_id can travel with the resolved flow so you can connect launches, completion, and experiments back to your analytics stack.

​
Start your first flow

Describe your app, your audience, the activation moment, and the business goal. Flowboard’s AI pipeline can turn that into an ordered onboarding plan and Flowboard-compatible JSON.
Example prompt:“Create a 4-step onboarding for a subscription meditation app. Ask about the user’s goal, highlight streak tracking, add a paywall, and finish with notification opt-in.”
Templates are useful when you need speed and structure. Current first-flow options in Flowboard include:
  • 3-step welcome onboarding
  • Feature discovery tooltip tour
  • Paywall gate
  • Upsell
  • NPS
If you already know the exact journey, create screens one by one, define the actions between them, preview the flow, and publish once the draft matches the behavior you want.
Flowboard uses your app identifiers to resolve and launch flows correctly. For iOS this is typically the bundle ID. For Android this is the package name.

​
Edit and iterate on your flow

Draft mode is where you edit safely. Published mode is what your app consumes. This makes it easy to keep iterating without losing track of what is live.
Use the flow preview to inspect screen transitions and action-based routing before you publish.
Flowboard supports localized flows with languages and translations, and the editor includes tools to review and update translations per screen.
When a builder screen is not enough, you can route to a custom screen implemented in your app and still keep the rest of the onboarding flow in Flowboard.

​
Launch Flowboard in your app

Initialize Flowboard once, then launch the default flow or a specific flow by ID.
import { Flowboard } from 'flowboard-react';

Flowboard.init({
  apiToken: 'YOUR_BEARER_TOKEN',
  debug: true,
  enableAnalytics: true,
});

await Flowboard.launchOnboardingById('YOUR_FLOW_ID', {
  locale: 'en_US',
});
Expo Go is not supported. Use a development build, expo prebuild, or EAS Build.
import 'package:flowboard/flowboard.dart';

await Flowboard.init(
  apiToken: 'YOUR_BEARER_TOKEN',
  debug: true,
  enableAnalytics: true,
);

await Flowboard.launchOnboardingById(
  onboardingId: 'YOUR_FLOW_ID',
  locale: 'en_US',
);
Both SDKs support custom screen builders so you can render Flowboard-managed steps alongside app-specific native screens when a fully custom moment is needed.

​
Publish, target, and scale

Publishing stores the current flow as the version your app can resolve and display. You can continue iterating in draft while keeping production stable.
Create rollout rules using app version, country, locale, and operating system, then send traffic to one or more flow variants.
The same workflow also fits welcome modals, upgrade prompts, paywalls, feature discovery, and feedback or NPS flows.
Need help with setup or migration? Contact greg@flow-board.co.