Modal example application – Flows
This example showcases a modal powered by @flows/react-components.
Modals are useful to focus the user’s attention on just one thing. But since they are disruptive by design, only use them when necessary to avoid annoying your users.
Use modals to welcome new users to your app, announce major updates, or give users timely warnings and alerts.
Features
When a user opens the application for the first time, they encounter a simple modal, followed by a modal with custom HTML content.
Below is a screenshot of how the workflow is set up:

Getting started
- Sign up for Flows if you haven’t already. You can create a free account here.
- Clone the repository from GitHub and install the required dependencies in the project directory.
- Add your organization ID in the providers.tsx file.
- Recreate the workflow in your organization and publish it.
- Run the development server with pnpm dev.
Learn more
To learn more about Flows take a look at the following resources: