Free live Mermaid diagram editor with no signup required
Motion React components and launch videos in one place
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Free
Freemium
Pricing
Not given
Free: $0, browse and preview unlimited components, copy 3 times per day, watch and submit videos free, 1 video prompt copy per day. Plus: $9/month USD, unlimited component copies on site and over MCP, unlimited video prompt copies, connect Cursor and Claude Code via MCP, monthly auto-renew.
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
73 motion components
Launch video library and submission
Cursor and Claude integration
MCP agent handoff
React, TypeScript and Tailwind CSS built
Free browsing and previewing
Copyable TSX code
Unlimited copies on Plus
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
Launch screens and videos in one place for service makers
Copy code directly to Cursor or Claude without leaving the browser
MCP integration for seamless agent workflow
Free daily usage with no card required to browse
Use copied code in unlimited personal and commercial projects
FlowViz
DesignLayer