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
Key features
Plain HTML and React editions for every template
Framer edition available for 8 templates
AI-ready documentation with README, DESIGN and AGENTS files
Self-hosted fonts and no third-party requests
Accessible by default with keyboard focus and zero axe issues
21 professionally designed templates with unique brand identities
Quick setup: no build tools, accounts or plugins required for HTML edition
Easy deployment to Netlify, Vercel or any static host
Next.js 16, React 19 and Tailwind 4 in React edition
All-Access membership includes all current and future templates
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
What makes it different
Each template is hand-drawn from scratch with its own unique brand and typography
No third-party dependencies or external requests in any template
AI-ready documentation specifically formatted for AI coding assistants
Built by a single design engineer with 15 years of web design and development experience
All-Access subscription covers all templates and editions plus future releases for one price
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
no-code.supply
Mermaid Viewer