The latest articles on DEV Community by Ajay Kumar Reddy Krishnareddy Gari (@ajaykumarreddy-k). https://dev.to/ajaykumarreddy-k 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%2F3875296%2Ff72bd145-964c-4d56-880f-fc04b267c9d3.jpg https://dev.to/ajaykumarreddy-k en Ajay Kumar Reddy Krishnareddy Gari Sun, 12 Apr 2026 17:54:58 +0000 https://dev.to/ajaykumarreddy-k/built-this-mainly-to-remove-clutter-and-make-mermaid-diagrams-faster-to-work-with-would-love-1af4 https://dev.to/ajaykumarreddy-k/built-this-mainly-to-remove-clutter-and-make-mermaid-diagrams-faster-to-work-with-would-love-1af4 <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18" class="crayons-story__hidden-navigation-link">I built a cleaner, faster Mermaid editor (with SVG/PNG/PDF export)</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/ajaykumarreddy-k" class="crayons-avatar crayons-avatar--l "> <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%2Fuser%2Fprofile_image%2F3875296%2Ff72bd145-964c-4d56-880f-fc04b267c9d3.jpg" alt="ajaykumarreddy-k profile" class="crayons-avatar__image" width="96" height="96"> </a> </div> <div> <div> <a href="/ajaykumarreddy-k" class="crayons-story__secondary fw-medium m:hidden"> Ajay Kumar Reddy Krishnareddy Gari </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Ajay Kumar Reddy Krishnareddy Gari <div id="story-author-preview-content-3491156" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/ajaykumarreddy-k" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2Fuser%2Fprofile_image%2F3875296%2Ff72bd145-964c-4d56-880f-fc04b267c9d3.jpg" class="crayons-avatar__image" alt="" width="96" height="96"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Ajay Kumar Reddy Krishnareddy Gari</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18" class="crayons-story__tertiary fs-xs"><time>Apr 12</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18" id="article-link-3491156"> I built a cleaner, faster Mermaid editor (with SVG/PNG/PDF export) </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/tooling"><span class="crayons-tag__prefix">#</span>tooling</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">1<span class="hidden s:inline"> reaction</span></span> </div> </a> <a href="https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments <span class="hidden s:inline">Add Comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> productivity showdev sideprojects tooling Ajay Kumar Reddy Krishnareddy Gari Sun, 12 Apr 2026 17:53:34 +0000 https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18 https://dev.to/ajaykumarreddy-k/i-built-a-cleaner-faster-mermaid-editor-with-svgpngpdf-export-4k18 <p>I’ve been using Mermaid for diagrams — flowcharts, sequence diagrams, and system design.</p> <p>But most editors I tried had a few problems:</p> <p>cluttered UI<br> slow live preview<br> or requiring login for basic usage</p> <p>So I decided to build a small tool for myself — something simple and fast.</p> <p>🚀 What I built</p> <p>It’s called Marmady — a minimal Mermaid live editor focused on speed and usability.</p> <p>👉 <a href="https://marmady.vercel.app" rel="noopener noreferrer">https://marmady.vercel.app</a></p> <p>✨ Features<br> ⚡ Live preview while typing<br> 📤 Export as SVG / PNG / PDF<br> 🎨 Clean, distraction-free UI<br> 🔓 No login required</p> <p>The idea was to remove friction and make diagramming feel instant.</p> <p>🧠 What I focused on</p> <p>Instead of adding more features, I focused on:</p> <p>performance<br> simplicity<br> clean design</p> <p>I wanted it to open fast and just work.</p> <p>🛠️ Challenges</p> <p>A few things were tricky while building:</p> <p>keeping live preview fast<br> handling export formats properly<br> maintaining UI simplicity without limiting usability<br> 📈 What’s next</p> <p>I’m still improving it and adding features based on feedback.</p> <p>Some ideas:</p> <p>more themes<br> better diagram templates<br> keyboard shortcuts<br> 🙌 Feedback welcome</p> <p>If you use Mermaid or create diagrams often, I’d love to hear your thoughts.</p> <p>What’s the most annoying part of your current workflow?</p> <p>👉 <a href="https://marmady.vercel.app" rel="noopener noreferrer">https://marmady.vercel.app</a></p> webdev javascript opensource tooling