ruchira
// DEVELOPER TOOL

Mermaid diagram editor

Write flowcharts, sequence, ER, class and architecture diagrams as text, preview them live and export crisp SVG or PNG for docs and slides.

  • Free
  • No sign-up
  • Private: runs in your browser
// HOW IT WORKS

4 steps, no sign-up.

Built and maintained by Ruchira Sachinthana. Spotted a bug or want a feature? Tell me.

  1. 01Start from a template or paste your Mermaid code.
  2. 02Edit on the left and watch the preview update.
  3. 03Pick a theme and background.
  4. 04Export as SVG for docs or PNG for slides.
// FAQ

Mermaid diagram editor: questions, answered.

Something else? Ask on WhatsApp.

Everything Mermaid supports, including flowcharts, sequence, class, state, ER, Gantt, journey, mind maps, timelines and architecture diagrams.

More free tools

All tools
DEVELOPERSupabase RLS builder

Generate row-level security policies for Supabase and Postgres: public, signed-in, owner-only, team and admin access, with the indexes and explanations.

RUNS IN YOUR BROWSER
DEVELOPERGitHub README generator

Build a clean GitHub profile README with your intro, skills badges, links and stats cards. Import your profile, preview it live and copy the Markdown.

RUNS IN YOUR BROWSER
DEVELOPERCode to image

Turn code into a beautiful, shareable image for LinkedIn, X and slides, with real syntax highlighting, themes, window chrome and 2× export.

RUNS IN YOUR BROWSER
// CUSTOM TOOLS

Need a tool like this built for your team?

Chat on WhatsApp