Beauty Diagram
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.
Beauty Diagram launched on May 1, 2026 with 98 votes, #326 of 20,538 launches that month and more than 95% of that year's launches.
What it does
Beauty Diagram makes your Mermaid and PlantUML diagrams beautiful. Pick from curated themes, animate the flow, and export as SVG, PNG, or GIF. Use the web editor, CLI, or API to drop diagrams straight into docs, PRs, and presentations.
Beauty Diagram is a Mermaid online live editor, PlantUML editor, and diagram beautifier for draw.io workflows. Paste source, preview it live, clean up the layout in one click, and export beautiful diagrams as SVG or PNG. 1 2 3 4 5 parsing… 0% RENDER & BEAUTIFY Beauty Diagram Classic SVG PNG Try a sample: Install flow Tiny handshake Two tables NEW Also available as a plugin Beautify diagrams without leaving your notes, code, or browser. Chrome Obsidian VS Code CLI §01 · Compare Default render. Beauty Diagram. One drag apart. Same source code. On the left, what Mermaid's native renderer gives you by default. On the right, what Beauty Diagram does with it. Drag the handle to compare. Every…from beauty-diagram.com
Does a similar job
all alternatives →
Mermaid Flow2023 · mermaidflow.app · ▲32Mermaid Flow is a Visual Mermaid live editor that aims to simplify creating Mermaid JS Diagrams online. Currently Mermaid Flow supports Flowchart diagrams, giving you the ability to Drag and Drop nodes, edges and labels to create your Flowchart diagrams visually. This mermaid live editor is useful f
- MAMermaid ASCII Diagrams2024 · mermaid-ascii.art · ▲234
Line9 – A Mermaid rendering engine with its own layoutAug 2026 · line9.ai · ▲87Line9 is a new rendering engine for Mermaid flowchart diagrams that aims to remove the need for manual adjustment of layout. Mermaid is a popular text-based language for describing multiple types of diagrams. Several Mermaid rendering engines already exist. Most, like the original mermaid.js, use Dagre or ELK graph drawing libraries to automatically lay out their diagrams. I’ve used Mermaid for the past four years but often recreated my flowcharts in a diagram editor so that I could modify the layout to something that better suited my needs. Use Line9 when you want an automatic flowchart…


Fanfa – Interactive and animated Mermaid diagramsDec 2025 · fanfa.dev · ▲154Create cinematic, animated Mermaid diagrams with our powerful Motion Engine. Export to video, share with your team, and bring your flows to life.
More dev tools this month
the category →

open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com

Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲340Hi 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▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 27d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, May 2026
the whole month →

Parallel agents, diff reviewer, and multi-model comparisons
Dev tools · May 2026 · kilo.ai



Hey HN, Henry here from Cactus. We open-sourced Needle, a 26M parameter function-calling (tool use) model. It runs at 6000 tok/s prefill and 1200 tok/s decode on consumer devices. We were always frustrated by the little effort made towards building agentic models that run on budget phones, so we conducted investigations that led to an observation: agentic experiences are built upon tool calling, and massive models are overkill for it. Tool calling is fundamentally retrieval-and-assembly (match query to tool name, extract argument values, emit JSON), not reasoning. Cross-attention…
Life & fun · May 2026 · github.com

🌱 Private, quiet space for thinking. Simple app for .md files. - zakirullin/files.md
Dev tools · May 2026 · github.com