Build native product growth experiences, your way

Meet Flows, the flexible platform for building in-app experiences. Focus on your product, not creating one-off logic.

Design the user journey

From simple banners to onboarding checklists and product tours. Design flexible, custom experiences that integrate directly into your application.

Product tours

Guide users step-by-step through your application with interactive product tours.

Embeddable components

Embed UI elements directly into your application without needing to redeploy.

Create complex workflows with blocks

Localization

Soon

Support any language or locale to reach a global audience.

Segmentation

Target specific users or companies based on properties or behavior.

Versioning

Deploy, audit, and restore your changes across environments.

Workflow analytics

Understand how users interact with your workflows.

Deploy your first workflow in minutes

Install the SDK, add UI components, and create your first workflow. With built-in UI components, you can start building right away—no complex setups required.

NextJS

View template

React

View template

Nuxt

View template

Angular

View template

Inline components

Render inline components directly within your app’s UI using Slots as anchors.

Floating components

Show tooltips, modals, and banners anywhere in your app to guide users.

Bring your own UI

Infinite customization. Just add your own UI components and use them in workflows to create a native user experience.

1export const Banner = (props) => {
2  return (
3    <div>
4      <div>
5        <h2>{props.title}</h2>
6        {!props.hideCloseButton && (
7          <button onClick={props.close}>
8            Close
9          </button>
10        )}
11      </div>
12      <div>
13        <p>{props.description}</p>
14        <a href={props.buttonLink}>
15          {props.buttonLabel}
16        </a>
17      </div>
18    </div>
19  );
20};
21

1export const Banner = (props) => {
2  return (
3    <div>
4      <div>
5        <h2>{props.title}</h2>
6        {!props.hideCloseButton && (
7          <button onClick={props.close}>
8            Close
9          </button>
10        )}
11      </div>
12      <div>
13        <p>{props.description}</p>
14        <a href={props.buttonLink}>
15          {props.buttonLabel}
16        </a>
17      </div>
18    </div>
19  );
20};
21