The latest articles on DEV Community by Jignesh Sanghani (@jigs1996). https://dev.to/jigs1996 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F308220%2F3d6dc97e-ef0d-4324-84f1-6189eff4730b.jpeg https://dev.to/jigs1996 en Jignesh Sanghani Thu, 24 Sep 2026 21:44:52 +0000 https://dev.to/jigs1996/i-built-a-free-private-markdown-editor-with-math-mermaid-diagrams-and-slides-dig https://dev.to/jigs1996/i-built-a-free-private-markdown-editor-with-math-mermaid-diagrams-and-slides-dig <p>I kept bouncing between Markdown tools: one for quick previews, another for math, another for Mermaid diagrams, and none of them let me paste the result into Gmail or Google Docs without breaking the formatting. Most also wanted an account before I typed a single line.</p> <p>So I built <strong><a href="https://mdpreview.jignesh.dev/" rel="noopener noreferrer">Markdown Preview</a></strong>, a free live Markdown editor that runs entirely in the browser.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmdpreview.jignesh.dev%2Fopengraph-image%3F09b4f236a47f3cf9" 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%2Fmdpreview.jignesh.dev%2Fopengraph-image%3F09b4f236a47f3cf9" alt="Markdown Preview" width="1200" height="630"></a></p> <h2> What it does </h2> <ul> <li> <strong>Live side-by-side preview</strong> with synced scrolling and full GitHub Flavored Markdown (tables, task lists, footnotes, emoji, GitHub-style callouts, YAML frontmatter)</li> <li> <strong>Math with KaTeX</strong>: <code>$x^2$</code> inline, <code>$$...$$</code> for blocks</li> <li> <strong>Mermaid diagrams</strong>: flowcharts, sequence diagrams, Gantt charts, following your light/dark theme</li> <li> <strong>Syntax highlighting</strong> for 180+ languages with a copy button on every code block</li> <li> <strong>Slides</strong>: a <code>---</code> line starts a new slide in present mode, with speaker notes</li> <li> <strong>Copy as rich text</strong> into Gmail, Google Docs or Slack with headings, tables and bold intact (great for AI chat output too)</li> <li> <strong>Open any GitHub, GitLab or Bitbucket file</strong> from a link, or share <code>/?url=your-file.md</code> </li> <li> <strong>Tabs, outline, command palette</strong>, find and replace, auto snapshots (version history), custom preview CSS</li> <li> <strong>Export</strong> to PDF, standalone HTML or .md</li> </ul> <h2> Privacy first </h2> <p>There is no account and no backend for your documents. Everything is stored in your browser (IndexedDB + localStorage), and it installs as a PWA, so it works offline too.</p> <h2> Try it </h2> <p>👉 <a href="https://mdpreview.jignesh.dev/" rel="noopener noreferrer">https://mdpreview.jignesh.dev/</a></p> <p>It's free, no tiers and no watermark. I'd love feedback: what's missing for your Markdown workflow, and what would make you switch from your current editor?</p> showdev markdown webdev productivity