The latest articles on DEV Community by glenn chen (cg33) (@glenn_chencg33_10528ea). https://dev.to/glenn_chencg33_10528ea https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3635415%2F8b133571-602b-49fc-9fce-0fda4b25ea42.png https://dev.to/glenn_chencg33_10528ea en glenn chen (cg33) Sat, 29 Nov 2025 01:24:02 +0000 https://dev.to/glenn_chencg33_10528ea/because-the-existing-mermaid-diagram-editors-online-produce-unattractive-charts-i-created-a-new-1939 https://dev.to/glenn_chencg33_10528ea/because-the-existing-mermaid-diagram-editors-online-produce-unattractive-charts-i-created-a-new-1939 <p><a href="https://modern-mermaid.live" rel="noopener noreferrer">https://modern-mermaid.live</a></p> <p>I've been using Mermaid for flowcharts and diagrams for a while, but I always felt that the available online editors just produce ugly, unpolished charts. So I decided to build a new Mermaid editor from scratch. It features a modern, clean interface, multiple visual themes including hand-drawn and Studio Ghibli styles, real-time preview, and high-quality export options (PNG/JPG).</p> <p>I’d love to hear what the community thinks—feedback and suggestions are welcome!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3jc86cw7owxfmk26v17d.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3jc86cw7owxfmk26v17d.png" alt=" " width="800" height="457"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwa7unza634iry36i1lh7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwa7unza634iry36i1lh7.png" alt=" " width="800" height="457"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq3phqxftqehvs61l7vui.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq3phqxftqehvs61l7vui.png" alt=" " width="800" height="457"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygwvpegf8n4wcr2nkvup.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygwvpegf8n4wcr2nkvup.png" alt=" " width="800" height="457"></a></p> webdev productivity javascript mermaid