Product-Market Fit (PMF) survey

This PMF survey example shows how to measure product-market fit in a React app using the built-in Survey Popover component from @flows/react-components. The survey uses the Sean Ellis method, asking users how they would feel if they could no longer use the product - the single fastest way to gauge whether you have achieved product-market fit.

PMF surveys work best when triggered after users have had enough time to experience real value from the product. Running them in-product rather than via email captures responses from active users, which produces more accurate and actionable data.

Features

When a user enters the workflow, the survey popover appears in the bottom-right corner of the screen. The survey walks users through three steps:

• PMF question: a single-choice question asking "How would you feel if you could no longer use this product?" with three options: "Very disappointed", "Somewhat disappointed", and "Not disappointed".
• Follow-up question: an open-ended freeform text field asking what the main benefit of the product is for them. Marked as optional so users can skip it.
• End screen: a thank-you message acknowledging the response before the popover closes automatically.

The workflow uses the Auto close after submit option to close the popover once the end screen is reached, and Dismissible to let users close the survey without answering.

Below is a screenshot of how the workflow is set up in Flows:

Getting started

1. Sign up for Flows if you haven't already. You can create a free account here.
2. Clone the repository from GitHub and install the required dependencies in the project directory.
3. Add your organization ID in the providers.tsx file.
4. Recreate the PMF survey workflow using the Survey block in your organization and publish it.
5. Run the development server with pnpm dev.

Learn more

To learn more about Flows take a look at the following resources:

• Flows documentation
• Join our community