Free live Mermaid diagram editor with no signup required
Motion-first React components for shadcn and AI agents, with every curve already tuned
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
GB
Pricing model
Free
Freemium
Pricing
Not given
Free: 65 open source components under MIT license. Pro Solo early-bird: $149 (regular $199). Pro Team early-bird: $349 (regular $449). One payment covers all current and future Pro components.
Key features
Live preview as you type
21 diagram types including flowcharts, sequence, class, state, ER, Gantt, git graph, mindmap and timeline
Two-way editing for flowcharts
SVG and PNG export
Share diagrams as URLs with embedded diagram content
Built-in template picker and cheatsheet
No account or signup required
Works entirely in browser with local storage
Open Mermaid Live Editor links
Mermaid v11 syntax support
65 free components under MIT license
31 Pro components with source code included
MCP server for AI agent integration
Works with Next.js 16 and React 19
Light and dark mode support
Respects reduced-motion settings
Tuned motion springs and curves
Concentric corner radius design
Markdown documentation for AI models
New Pro components added weekly
What makes it different
No signup, paywall, or data collection required
Diagrams stay in your browser's local storage by default
Two-way editing that updates code when you edit the canvas
Live preview with no render button required
Clean SVG export for professional use in docs and slides
All components tuned with motion springs and curves optimized per interaction
Built-in MCP server enables AI agents to automatically install components
One-time lifetime payment covers all current and future Pro components
Source code ownership with MIT and commercial licenses
Concentric corner radii maintained across all components