Example
Input (Markdown)
# yutils **Bold** and *italic*, plus `inline code`. - item 1 - item 2
Output (HTML)
<h1>yutils</h1> <p><strong>Bold</strong> and <em>italic</em>, plus <code>inline code</code>.</p> <ul> <li>item 1</li> <li>item 2</li> </ul>
Note
Full CommonMark + GFM (tables, fenced code, task lists) supported. The HTML is sanitized via DOMPurify — dangerous tags like `<script>` are auto-removed.
Usage / FAQ
When to use
- Preview a README or blog post before publishing
- Check how content will render in GitHub / GitLab / Notion (GFM)
- Validate tables, checkboxes, and fenced code blocks
- Copy the rendered HTML directly into email or a CMS
- Learn Markdown by seeing input and output side by side
FAQ
- Q.Does this render exactly like GitHub?
- A.Base GFM compatibility is the goal. GitHub-specific extensions (auto-linking issue numbers, emoji shortcodes like `:smile:`) are not supported, but core syntax (headings, lists, tables, fenced code) matches.
- Q.Is the HTML output safe to paste into a CMS?
- A.Yes — output is run through DOMPurify, so `<script>`, `onerror=`, and other XSS-prone patterns are stripped automatically.
- Q.Is my Markdown sent anywhere?
- A.No. Parsing, rendering, and sanitization all happen in your browser.
Fun facts
Markdown was designed in 2004 by John Gruber, with help from Aaron Swartz, and first appeared on Gruber's blog Daring Fireball. The 'plain text that reads naturally and converts cleanly to HTML' philosophy came from frustration with writing conference materials in email.
Daring Fireball — MarkdownThe 'Markdown fragmentation' problem — every implementation rendering slightly differently — was finally addressed in 2014 with CommonMark, led by Jeff Atwood (co-founder of Stack Overflow) and John MacFarlane. The original name 'Standard Markdown' was changed after Gruber objected.
CommonMarkGitHub Flavored Markdown (GFM) adds tables, task lists, autolinks, and fenced code blocks as a strict superset of CommonMark. Every GFM document is also valid CommonMark — that's why 'broken only on GitHub' is rarer now.
GitHub Flavored Markdown Spec
Related tools
- JSON Formatter / Validator
Format, validate, and minify JSON strings. Adjust indent and optionally sort keys. Runs entirely in your browser.
- String Case Converter
Convert strings between camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, and Title Case — all six cases shown side-by-side.
- Regex Tester
Test JavaScript regular expressions with live match results. Supports g/i/m/s/u/y flags and capture groups.
- HTML → Markdown
Convert HTML into Markdown. Headings, lists, links, code, tables, blockquotes. Uses the browser's DOMParser — accurate, 0 dependency.
- YAML ↔ JSON
Convert between YAML and JSON. Tolerates comments and multiline strings on the YAML side. yaml is lazy-loaded.
- Text Diff
Compare two texts and highlight added/removed lines, words, or characters.
- JSON Diff
Compare two JSON values, with optional key sorting and JSON-aware error messages.
- CSV ↔ JSON
Convert between CSV and JSON. Handles quoted fields, custom delimiters, and header rows.
- SQL Formatter
Format SQL queries with proper indentation and keyword casing. Supports PostgreSQL, MySQL, SQLite, and standard dialects.
- XML Formatter
Pretty-print or minify XML with attribute preservation. Handles SOAP, sitemaps, and config files.
- XML ↔ JSON
Convert between XML and JSON with attribute and element handling.
- Smart Paste
Paste any text and get tool recommendations — JSON, JWT, Base64, URL, UUID, Cron, and 9 more types auto-detected.
- Lorem Ipsum
Generate placeholder text in words, sentences, or paragraphs. Classic Lorem Ipsum or randomized.
- JSON Path
Query JSON with JSONPath expressions ($.store.book[*].author etc.) and inspect matches.
- JSON Schema Validator
Validate JSON data against a JSON Schema (Draft 2020-12). Powered by Ajv with format support.
- JSON Schema Generator
Generate a JSON Schema (Draft 2020-12) from a sample JSON. Infer types, required fields, and nested structures automatically.
- HTML Formatter
Beautify or minify HTML with proper indentation, attribute alignment, and configurable wrap.
- CSS Formatter
Beautify or minify CSS with proper indentation. Configurable selector and property style.
- JavaScript Formatter
Beautify or minify JavaScript with brace style and indent options. Powered by js-beautify.
- TOML ↔ JSON
Convert between TOML (Tom's Obvious Minimal Language) and JSON. Used in Cargo.toml, pyproject.toml, etc.
- INI ↔ JSON
Convert INI configuration to JSON and back. Supports sections, comments (; or #), and key=value.
- JSON → TypeScript
Generate TypeScript interfaces from a JSON sample. Nested objects become separate interfaces.
- JS Object → JSON
Convert a JavaScript object literal (unquoted keys, single quotes, trailing commas, comments) into standard JSON. Lenient parser, strict output.
- Slug Generator
Convert text into a URL-safe slug. Configurable separator, lowercase, and accent stripping.
- ASCII Tree
Convert indented text or path list into a box-drawing tree (├── │ └──).
- Diff Patch
Generate a unified diff (-u) patch from two text inputs. Compatible with `git apply` / `patch -p0`.
- Mock Data
Generate fake JSON records — names, emails, UUIDs, dates, and more. 0 dependency.
- MongoDB Extended JSON
Convert MongoDB Extended JSON (EJSON) between Canonical and Relaxed forms, or strip BSON wrappers to plain JSON. Recognizes 16 wrapper types ($oid/$date/$numberLong/$numberDecimal/$binary/...).