Markdown Live Editor & Previewer
A split-pane markdown editor with instant GitHub-flavored live preview. Renders headings, bold, italic, lists, links, images, code blocks (with syntax highlighting), tables, blockquotes, and hr. Word/char/line/reading-time counts, autosave, dark mode, copy/download .md and .html, shareable URL. 100% client-side — your document never leaves the browser.
About Markdown Live Editor & Previewer
A split-pane markdown editor with instant GitHub-flavored live preview. Renders headings, bold, italic, lists, links, images, code blocks (with syntax highlighting), tables, blockquotes, and hr. Word/char/line/reading-time counts, autosave, dark mode, copy/download .md and .html, shareable URL. 100% client-side — your document never leaves the browser. Everything runs locally in your browser — your data never leaves your device.
How to use
- Enter your input in the tool above.
- Adjust any options to your preference.
- Use the Copy or Download buttons to save the result.
- Everything happens locally — your data never leaves your browser.
FAQ
Which markdown features are supported?
GitHub-Flavored Markdown: ATX headings (h1–h6), bold (** or __), italic (* or _), inline code, fenced code blocks with language-based syntax highlighting, unordered/ordered/nested lists, links, images, GFM tables, blockquotes, and horizontal rules. Raw HTML inside the document is escaped by default so the preview is always safe.
Does anything get sent to a server?
No. The parser, highlighter, and HTML export all run in your browser. There is no upload, no account, and no telemetry. Autosave writes to localStorage on this device only and the shareable URL encodes your content into the fragment hash — it is never transmitted when you copy the link.
How does the shareable URL work for a large document?
The document is URI-encoded into the fragment hash (#md=...). Because the hash is never sent to the server, this keeps your content private while still letting you bookmark or hand off a link. For very large documents the URL gets long; we cap the encoded payload and fall back to copying the markdown to your clipboard.
How is syntax highlighting done for code blocks?
We tokenize code by language family (javascript/typescript, python, sql, json, html/xml, css, bash/shell, and a generic fallback). Keywords, strings, comments, numbers, and booleans get distinct CSS classes so the preview looks like a code editor. Highlighting is pure string manipulation — no external library, no network.
What extra features does this tool have compared to others?
(1) Live split-pane preview as you type. (2) Pure-JS GFM parser covering 10+ block types. (3) Per-language syntax highlighting in fenced code blocks. (4) Word/char/line/reading-time stats. (5) Dark mode for the preview. (6) Autosave to localStorage (last 20 sessions). (7) Copy markdown / download .md / download .html (full standalone HTML document). (8) Shareable URL with content encoded in hash. (9) Sample document loader. (10) Clear/reset button. (11) Front-matter stripping. (12) Inline HTML escaping for safety. 100% client-side — your document never leaves the browser.
Related tools
.bashrc / .zshrc Alias & Config Manager
Build shell aliases, functions, exports, and PATH edits in a visual editor, then export a clean, commented .aliases file sourced from both .bashrc and .zshrc — with shadowing detection against shell builtins and common CLI tools, function suggestions when args are needed, starter packs (git, docker, kubectl, navigation, safety, ls, dev, devops, data science), import of existing rc files, dedupe, history (localStorage), and shareable URL. 100% client-side.
Add / Subtract Date Calculator
Add or subtract years, months, weeks, days, hours, minutes and seconds from a starting date/time. Calendar-day or business-day mode with custom weekend + holiday list. Month-end policy toggle (clamp to last day vs overflow). Repeat/series mode (e.g. every 2 weeks x 10) with CSV export. Shareable URL. 100% client-side.
Age Calculator
Calculate exact age from a birth date in calendar years/months/days (no negative-day bugs) plus totals in months/weeks/days/hours/minutes/seconds. Next-birthday countdown with weekday. Feb-29 birthday policy toggle. Milestones (1,000 days, 10,000 days, 1 billion seconds). Zodiac sign + Chinese zodiac. Age gap comparison. Shareable URL. 100% client-side.