Mermaid Canvas

What it does

Create beautiful Mermaid.js diagrams online with our AI-powered live editor. Flowcharts, sequence diagrams, Gantt charts, class diagrams, state diagrams, pie charts, journey diagrams, git graphs, quadrant charts,etc.

Create beautiful Mermaid.js diagrams online with our AI-powered live editor. Flowcharts, sequence diagrams, Gantt charts, class diagrams, state diagrams, pie charts, journey diagrams, git graphs, quadrant charts, requirement diagrams, sankey diagrams, timelines, mind maps, ER diagrams, C4 architecture diagrams, and more. Real-time preview, export to PNG, and responsive design. Free AI diagram gene

Mermaid Canvas is designed with privacy in mind. We collect minimal information to provide you with the best experience: Your diagram content is processed entirely in your browser and is not transmitted to our servers unless you explicitly choose to export it. All data processing happens locally on your device. By accessing and using Mermaid Canvas, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service. The service and its original content, features, and functionality are and will remain the exclusive property of Mermaid Canvas and its licensors. The service is protected by copyright,…from mermaidcanvas.app

• 
  Mermaid Chart2023 · mermaid.ai · ▲176

  A smarter way to create diagrams

• 
  Modern MermaidNov 2025 · modern-mermaid.live · ▲10

  Online flowchart & diagram editor

• MA
  Mermaid ASCII Diagrams2024 · mermaid-ascii.art · ▲234
• 
  Beauty DiagramMay 2026 · beauty-diagram.com · ▲98

  Mermaid online live editor that beautifies flowcharts and activity diagrams — also supports PlantUML and draw.io. Live preview, one-click beautify, clean SVG / HD PNG export.

• 
  Mermaid AI2024 · mermaid.ai · ▲256

  Maximize your diagramming efficiency with Mermaid AI

• 
  Mermaid OnlineNov 2025 · mermaidonline.live · ▲6

  mermaidonline.live is an online platform designed to make working with Mermaid diagrams more accessible, efficient, and user-friendly. Mermaid itself is an open-source JavaScript-based tool that allows users to create diagrams and visualizations using plain text syntax. Instead of manually drawing flowcharts, sequence diagrams, or Gantt charts, users can simply write text in Mermaid’s simple Markdown-like syntax, and the tool automatically generates the visual output. While Mermaid is widely used by developers, technical writers, and project managers, it often requires either local setup or…

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Cursor 2.0▲957

  Our first coding model and new interface for agents

  AI · Oct 2025 · cursor.com

• 
  Flask▲806

  Notion + Loom, for video collaboration.

  AI · 2025 · flask.do

• 
  Strange Attractors▲804

  I went down the rabbit hole on a side project and ended up building this: Strange Attractors(https://blog.shashanktomar.com/posts/strange-attractors). It’s built with three.js. Working on it reminded me of the little "maths for fun" exercises I used to do while learning programming in early days. Just trying things out, getting fascinated and geeky, and being surprised by the results. I spent way too much time on this, but it was extreme fun. My favorite part: someone pointed me to the Simone Attractor on Threads. It is a 2D attractor and I asked GPT to extrapolate it to…

  AI · Oct 2025 · blog.shashanktomar.com

• 
  Orchestra▲793

  A chat-centric workspace for builders and modern teams

  Work · 2025 · orch.so

• 
  Autism Simulator▲779

  Hey all, I built this. It’s not trying to capture every autistic experience (that’d be impossible). It’s based on my own lived experience as well as that of friends on the spectrum. I'm trying to give people a feel for what masking, decision fatigue, and burnout can look like day-to-day. That’s hard to explain in words, but easier to show through choices and stats. I'm not trying to "define autism". I’ve gotten good feedback here about resilience, meds, and difficulty tuning. I’ll keep tweaking it. If even a few people walk away thinking, "ah, maybe that’s why my coworker struggles in those…

  Life & fun · 2025 · autism-simulator.vercel.app

• 
  Director▲768

  Lovable for web automation

  AI · 2025 · director.ai