Free online Mermaid diagram viewer and editor with live preview, AI generation, and exports
Charts that look designed, because they were
Stage
Not given
Startup
Founded
Not given
2026
Based in
Not given
Not given
Pricing model
Freemium
Freemium
Pricing
Free: unlimited editor and preview, 3 saved diagrams, 5 AI uses total, PNG export 1× with watermark. Starter: $6.99/month or $69.90/year; 30 saved diagrams, 500 AI conversations per month, PNG export up to 4× without watermark. Pro: $11.99/month or $119.90/year; unlimited diagrams, unlimited AI, PNG
Free: 100 React charts in Hearth collection, MIT licensed. Figma: $149 once. Code: $249 once. Complete: $349 once. All prices include every update.
Key features
Live preview of Mermaid code as you type
AI diagram generator, editor and syntax fixer
PNG export on every plan; JPG, SVG and PDF on Pro
All 22+ Mermaid diagram types supported
Share diagrams via public links and embeds
Save diagrams to cloud with folders and version history
Keyboard shortcuts and autocomplete
Mobile-responsive editor with pan and pinch-zoom
100+ chart types organized by question
Four responsive sizes (XS, S, M, L) that re-layout from data
Identical names and props in Figma and React
Light and dark color modes
900+ size and legend variants
MCP server for AI code agents
Sector-specific datasets included
Ready-made dashboard blocks and compositions
Private registry and GitHub repository access
What makes it different
No account or sign-up required to start editing diagrams
Affordable pricing: Starter at $6.99/month, Pro at $11.99/month
Diagrams render in your browser; nothing stored unless you choose to save
Fast editor with instant rendering and clear error messages
Same chart name and properties in both Figma design files and React code
Charts re-layout responsively instead of scaling, keeping text readable at all sizes
Pay once with all future updates included, no subscription
Integrated with shadcn and available via MCP for AI agents
Mermaid Viewer
Chartory