Flowchart Fun is a webapp for quickly generating flowcharts from text. With a fast and intuitive workflow, you can visualize your ideas and plans in minutes.
For an example of how Flowchart Fun works, take the following input:
Node A
goes to: Node B
and: Node C
goes back to: (Node A)
You can generate this flowchart with just a few clicks:
Flowchart Fun is built with React and cytoscape.js.
If you plan on developing the premium features, you will need accounts on Vercel, Supabase, Stripe and Sendgrid.
- Clone the repository
- Copy
.env.exampleto.envand add env variables pnpm installandvercel dev
vercel dev
pnpm dev
We welcome anyone interested in helping us add translations to Flowchart Fun. Translations can be added to the .po files located in /app/src/locales/[language]/messages.po. After adding translations, please run pnpm -F app compile. We would appreciate your help in making Flowchart Fun accessible in even more languages!
Let us know about your plans in the Discord, and we'd be glad to lend a helping hand.
To ensure quality and accuracy, Flowchart Fun employs Jest for unit testing and Playwright for e2e testing.
pnpm -F app test
pnpm -F app e2e
pnpm -F app build && pnpm -F app analyze
We welcome contributions! Please fork the dev branch in order to develop and test your feature.
If you have any questions, feel free to join the discussion on Discord.

