Vrun-design

Vrun-design / openflowkit

Public

The open-source, white-label diagramming canvas. Built with React Flow + Mermaid.js.

openflowkit.com diagram flowchart mermaid-diagrams mermaidjs plantuml
163
30
100% credibility
Found Feb 19, 2026 at 24 stars 7x -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

OpenFlowKit is an open-source diagramming tool combining visual editing, AI generation, code import/export, and Figma integration for creating professional flowcharts.

How It Works

1
🚀 Open the app

You visit the webpage and click to launch the clean diagramming canvas in your browser.

2
✨ Generate your first diagram

Describe what you need in plain words and let the built-in AI create a complete flowchart instantly.

3
🎨 Customize freely

Drag shapes around, change colors and styles, add notes or group related steps to make it perfect.

4
🔄 Auto-arrange neatly

Click one button to automatically organize everything into a professional layout.

5
Share your work
🖼️
Picture

Save high-quality image for docs or slides.

🎭
Design tool

Copy to Figma for further editing.

💻
Code

Get text code to recreate or share.

✅ Ready to use

Your beautiful, professional diagram is complete and ready to impress anyone.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 24 to 163 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is openflowkit?

OpenFlowKit is an open-source white-label diagramming canvas built with React Flow and Mermaid.js in TypeScript, letting developers create professional flowcharts and diagrams visually or via code. It solves the pain of clunky diagramming tools by offering diagram-as-code support for Mermaid.js and its own DSL, plus AI generation from text prompts using your own API keys for privacy. Users get a local-first app with exports to SVG, PNG, Figma, and code formats—no data leaves your device.

Why is it gaining traction?

It stands out as a self-hosted, open-source GitHub alternative for diagramming among GitHub open source tools, with full white-labeling that absorbs your brand colors and fonts dynamically. The command bar (Cmd+K), playback mode for demos, and BYOK AI (Gemini, OpenAI, etc.) make it a practical open-source GitHub Copilot alternative for generating flows fast. ELK-powered auto-layout and Figma-ready SVGs hook devs tired of Excalidraw's limits or Lucidchart's pricing.

Who should use this?

Technical teams documenting workflows, like DevOps engineers mapping CI/CD pipelines or product managers sketching user flows. Frontend devs building open-source white-label software prototypes, or anyone needing Mermaid.js integration in React apps without vendor lock-in. Ideal for self-hosted setups replacing proprietary canvas tools.

Verdict

Grab it if you need a customizable, code-native diagramming canvas—MIT-licensed and extensible for open-source GitHub lists. At 23 stars and 1.0% credibility, it's early (basic tests, growing docs), but production-ready for side projects; fork and contribute to mature it.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.