FREE TOOL
Draw diagrams here - connect GitHub when you want Moxie to generate them from your repo.
Live preview, instant SVG/PNG export, and shareable links in your browser. When you connect a repository, Moxie generates architecture diagrams from source and refreshes them on every merge.
Prefer SQL? Generate an ER diagram from CREATE TABLETip: Edit the left side and the preview updates live. Use the snippet buttons or load an example. Share the URL to collaborate.
Live preview
See every change rendered instantly. No save button, no reloads.
Export anywhere
Download clean SVG or high-resolution PNG with one click. Perfect for docs, slides, and wikis.
Shareable links
Your diagram lives in the URL. Send the link and others see exactly what you built.
Private by design
Everything runs in your browser. Diagrams never leave your device.
Common Mermaid use cases
Architecture & system design
Flowcharts and C4-style diagrams that explain how services connect.
API & data flows
Sequence diagrams for request lifecycles and integration points.
Data models & schemas
ER diagrams and class diagrams for your domain model and database.
Roadmaps & timelines
Gantt charts and mindmaps for planning and onboarding.
Frequently asked questions
For teams that document code
Tired of manually maintaining diagrams for your codebase?
Draw and export diagrams here. Connect GitHub when you want Moxie to generate architecture diagrams and searchable docs from your repository and refresh them on every merge.
See how Moxie keeps docs currentStart 14-day trial
Export free above · connect a repo when you want Moxie to keep it accurate