Free online Mermaid diagram viewer and editor with live preview, AI generation, and exports
Free online tool for generating random HEX, RGB, and HSL colors instantly
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Freemium
Free
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
Not given
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
Instant random color generation with spacebar shortcut
HEX, RGB, and HSL color code display with 1-click copy
2 to 10 color harmonized palette generator with smart color locking
Export palettes to CSS Variables, SVG, PNG, and shareable URLs
WCAG 2.1 contrast checker with relative luminance calculation
Color of the Day inspiration
Local-first saved palettes storage with zero tracking
Browser sidepanel for inspecting colors and testing contrast
Color Eye Quiz mini-game to test designer skills
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
0-latency generation with instant spacebar triggering
Exact conversions across HEX, RGB, HSL with automated WCAG 2.1 contrast metrics
Hyper-focused neutral UI allowing generated hues to take center stage
Mermaid Viewer