What is GitHub Flavoured Markdown?

GFM is GitHub's superset of CommonMark. It adds tables with pipes, task lists ("- [ ] item"), strikethrough with two tildes, automatic links for bare URLs and fenced code blocks with a language tag.

How do I make a line break in Markdown?

In CommonMark you end the line with two spaces or a backslash; a single newline is otherwise joined into the paragraph. This previewer turns every newline into a line break, matching the GitHub comment setting.

Why is my HTML removed from the preview?

The output is sanitised to prevent scripts from running. Tags like , and attributes such as onclick are stripped; ordinary formatting tags are kept.

How do I add a table in Markdown?

Separate columns with | and put a row of dashes under the header: "| Name | Age |" then "| --- | --- |" then one line per row. Add a colon to the dashes (:---, ---:) to align a column left or right.

Markdown Previewer

Render Markdown as you type.

About Markdown Previewer

A Markdown previewer renders Markdown to HTML as you type, with GitHub Flavoured Markdown tables and task lists. Copy or download the HTML.

How to use

Type or paste Markdown on the left. The rendered preview updates on the right as you type.
Copy to put the generated HTML on the clipboard, or Download it as preview.html.
Use Clear to start again.

What it supports

Rendering uses the marked library with GitHub Flavoured Markdown (GFM) enabled: headings, emphasis, links, images, fenced code blocks, blockquotes, nested lists, tables, task lists and strikethrough.
Line breaks are literal: a single newline inside a paragraph becomes <br>, as on GitHub comments, rather than being joined into one line as in CommonMark.
The HTML is sanitised with DOMPurify before it is shown or copied, so <script> tags, inline event handlers and javascript: links are removed. Plain inline HTML such as <kbd> is kept.
Code blocks are not syntax-highlighted, and there is no maths or diagram rendering.
The downloaded file is a fragment, not a full page: it has no <html>, <head> or stylesheet.

Example

# Heading

Some **bold** text.
→ <h1>Heading</h1>
  <p>Some <strong>bold</strong> text.</p>

Privacy

Rendering runs in the browser. No request is made, and nothing is stored. Images referenced in the Markdown are loaded from their own URLs when the preview is shown.

Frequently asked questions

What is GitHub Flavoured Markdown?: GFM is GitHub's superset of CommonMark. It adds tables with pipes, task lists ("- [ ] item"), strikethrough with two tildes, automatic links for bare URLs and fenced code blocks with a language tag.
How do I make a line break in Markdown?: In CommonMark you end the line with two spaces or a backslash; a single newline is otherwise joined into the paragraph. This previewer turns every newline into a line break, matching the GitHub comment setting.
Why is my HTML removed from the preview?: The output is sanitised to prevent scripts from running. Tags like <script>, <iframe> and attributes such as onclick are stripped; ordinary formatting tags are kept.
How do I add a table in Markdown?: Separate columns with | and put a row of dashes under the header: "| Name | Age |" then "| --- | --- |" then one line per row. Add a colon to the dashes (:---, ---:) to align a column left or right.

Encode & decode

GUID Generator: One or many UUIDs, version 4 or 7.
ULID Generator: Sortable 26-character IDs with a time prefix.
Password Generator: Random passwords with length and character-set controls.
Hash Generator: MD5, SHA-1, SHA-256, SHA-384, SHA-512 and HMAC for text or a file.
Base64 Encoder / Decoder: Base64, Base32 and Base58 in both directions.
ROT13 / Caesar Cipher: Shift letters by any amount, or ROT13 in one click.
JWT Decoder: Read a token’s header and payload without sending it anywhere.
URL Encoder / Decoder: Percent-encode text for URLs, or decode it back.
HTML Entities: Escape &, < and > for HTML, or unescape them.
Base64 Image Encoder: Image to a Base64 data URL for CSS or HTML, or decode one back.
Random Number Generator: Random integers in a range, one or many, with or without repeats.
Bcrypt Generator: Hash a password with bcrypt, or check one against a hash.
AES Encrypt / Decrypt: Encrypt text with a passphrase using AES-256-GCM, or decrypt it.
Morse Code Translator: Text to dots and dashes, and back.

Data formats

XML ⇄ JSON: Convert between XML and JSON, from text or a file.
YAML ⇄ JSON: Convert between YAML and JSON, from text or a file.
CSV ⇄ JSON: Convert between CSV and JSON, from text or a file.
JSON to TypeScript: Infer TypeScript interfaces from a JSON sample.
JSON to Python Dataclass: Infer Python dataclasses from a JSON sample.
JSON to Pydantic Model: Infer Pydantic models from a JSON sample.
JSON to Go Struct: Infer Go structs with json tags from a JSON sample.
JSON to Rust Struct: Infer Rust structs with serde derives from a JSON sample.
JSON to Kotlin: Infer Kotlin data classes from a JSON sample.
JSON to C# Class: Infer C# classes from a JSON sample.
Base Number Converter: Binary, octal, decimal, hex and any base up to 36.
Text ⇄ Binary / Hex: Text to binary, hex, octal or decimal, and back.
Unix ⇄ UTC: Epoch seconds or milliseconds to a readable date, and back.
Timezone Converter: Convert a time between cities, with DST handled.
Cron Converter: Describe a schedule in words and get the cron expression.
Cron Expression Parser: Explain a cron expression in words and list its next run times.
Days Between Dates: The exact time between two dates, in days, weeks, months and years.
Age Calculator: Exact age in years, months and days, and the next birthday.
Epoch Clock: The current Unix timestamp, live, in seconds and milliseconds.
CIDR / Subnet Calculator: Network, broadcast, mask and host count for an IPv4 CIDR block.
Chmod Calculator: File permissions as octal (755) or symbolic (rwxr-xr-x).

Units & measures

Angle: Degrees, radians, gradians and turns.
Area: Square metres, feet, acres and hectares.
Bits / Bytes: Bits, bytes and every prefix up to petabytes.
Energy: Joules, calories, kilowatt-hours and BTU.
Frequency: Hertz, kilohertz, megahertz and RPM.
Fuel Economy: Miles per gallon, km per litre and litres per 100 km.
Length: Metres, feet, miles, inches and nautical miles.
Power: Watts, kilowatts and horsepower.
Pressure: Pascals, bar, PSI and atmospheres.
Speed: km/h, mph, knots and metres per second.
Temperature: Celsius, Fahrenheit and Kelvin.
Time Unit: Seconds, minutes, hours, days and beyond.
Volume: Litres, gallons, pints and cubic metres.
Weight: Kilograms, pounds, ounces and stone.

Text & code

Lorem Ipsum Generator: Placeholder paragraphs, sentences or words.
Slug Generator: Turn a title into a URL-safe slug.
Text Compare: Diff by line, word or character, unified or side by side.
URL Parser: Break a URL into host, path, query and fragment.
JSON Formatter & Validator: Validate, pretty-print or minify JSON.
JSON Diff: Compare two JSON documents, ignoring key order and formatting.
JSONPath Tester: Query JSON with a JSONPath expression.
SQL Formatter: Format and indent SQL for any dialect.
JavaScript Beautifier: Format minified or messy JavaScript into readable code.
HTML Formatter: Indent and tidy HTML, or strip it down to one line.
XML Formatter: Pretty-print or minify XML, with error positions.
CSS Minifier / Beautifier: Minify CSS, or expand it back to readable rules.
HTML to Markdown: Convert HTML to clean Markdown.
Text Case Converter: camelCase, snake_case, kebab-case, Title Case and more.
Markdown Previewer: Render Markdown as you type.
Whitespace Remover: Strip line breaks, extra spaces or both.
Sort Lines: Sort lines alphabetically, numerically, by length or reversed.
Duplicate Line Remover: Keep each line once.
String Counter: Characters, words, lines and bytes.
Regex Tester: Test a pattern against text with live matches.
Regex Cheatsheet: Regular-expression syntax with examples.

Word play

Palindrome Checker: Does it read the same backwards?
String Reverser / Rotator: Reverse a string or rotate it by n characters.
Roman Numeral Converter: 1984 ⇄ MCMLXXXIV.
NATO Phonetic Alphabet: Spell text out as Alfa, Bravo, Charlie.
Pig Latin Converter: English to Pig Latin and back.
Numeronym Generator: internationalization → i18n.
Leetspeak Translator: Text to l33t and back.
Word Frequency Counter: Which words appear most, and how often.

Images & colour

QR Code Generator: QR codes for text, links, Wi-Fi and contacts.
Barcode Generator: EAN, UPC, Code 128 and more as SVG or PNG.
Barcode / QR Reader: Decode a barcode or QR code from an image.
Color Picker: Pick a colour and copy it in every format.
Image Converter: Convert between PNG, JPEG and WebP, and resize on the way.
Contrast Checker: Contrast ratio of text on a background, against WCAG AA and AAA.
Favicon Generator: Every favicon size from one image.
Image Compressor: Shrink a JPEG, PNG or WebP in the browser.
Gradient Generator: Build a CSS gradient and copy the rule.
Box Shadow Generator: Tune a shadow and copy the CSS.

Reference

ASCII Table: Every ASCII character with its decimal, hex, octal, binary and HTML code.
HTTP Status Codes: Every HTTP status code with what it means and when to use it.
MIME Types: Common MIME types by file extension, searchable.
Port Numbers: Well-known and registered TCP and UDP ports and the services behind them.