Markdown Preview.
Write on the left, see rendered HTML on the right — GFM tables, fenced code blocks, links, images, and more.
Markdown
177 words · ~1 min read
Markdown Preview
Welcome to the Markdown Preview tool — a split-pane writing studio.
Features
This tool renders GitHub Flavored Markdown in real time. Here's what it supports:
Inline Formatting
You can write bold text, italic text, strikethrough, and inline code all on the same line. You can also combine them: bold italic.
Links and Images
Visit mohdsakib.vercel.app for more tools.
Blockquote
"The scariest moment is always just before you start."
— Stephen King
Code Block
function parseMarkdown(input) {
return input
.replace(/^# (.+)$/gm, '<h1>$1</h1>')
.replace(/**(.+?)**/g, '<strong>$1</strong>');
}Lists
Unordered:
- Writing tools
- Developer utilities
- Calculators
- Productivity apps
Ordered:
- Write your markdown
- See the live preview
- Copy or download
Horizontal Rule
Table
| Syntax | Description | Example |
|---|---|---|
# H1 | Heading level 1 | Big title |
<strong>bold</strong> | Bold text | bold |
<em>italic</em> | Italic text | italic |
`code` | Inline code | code |
> quote | Blockquote | > quote |
Start editing this document or paste your own markdown on the left.
The document never leaves this tab — parsing and preview both run in your browser.
Markdown cheatsheet.
The syntax this editor supports, and what each form renders as.
| Syntax | Renders as |
|---|---|
| # Heading 1 | Largest heading (H1) |
| ## Heading 2 | Second-level heading (H2) |
| **bold** | Bold text |
| *italic* | Italic text |
| ~~strikethrough~~ | Strikethrough text |
| `inline code` | Inline code span |
| ```lang\ncode\n``` | Fenced code block |
| > blockquote | Block quotation |
| - item | Unordered list item |
| 1. item | Ordered list item |
| [text](url) | Hyperlink |
|  | Image |
| --- | Horizontal rule |
| | col | col |\n|---|---| | Table (GFM) |
Capabilities
What You Get
A split-pane editor with GitHub Flavored Markdown support, rendering as you type with nothing sent to a server.
Split-Pane Editing
Source on the left, rendered output on the right, updating live.
GitHub Flavored
Tables, task lists, strikethrough, and fenced code blocks all supported.
Code Blocks
Fenced blocks render with formatting preserved for pasting into docs.
Task Lists
Checkbox syntax renders the way it does in a README.
Export Output
Take the rendered result or the raw source away with you.
Stays Private
Your document is never uploaded, stored, or logged.
Related tools.
More free browser-based utilities, connected by category and use case.
Text Case Converter
Convert any text instantly to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, or kebab-case. One-click copy for each result.
Word Counter
Live word count, character count, sentence count, paragraph count, and reading time estimate as you type. Useful for blog posts, tweets, essays, and any platform with a character limit.
Lorem Ipsum Generator
Generate placeholder text by word, sentence, or paragraph count. Choose classic Lorem Ipsum or randomized gibberish. Copy in one click for designs and mockups.
FAQ
Markdown Preview FAQ.
What is Markdown?
Markdown is a lightweight markup language created by John Gruber in 2004. It uses plain text formatting syntax that converts to HTML. Writers use it for documentation, README files, blog posts, and notes because it's easy to read in raw form and renders cleanly to HTML.
What is GitHub Flavored Markdown (GFM)?
GitHub Flavored Markdown (GFM) is a dialect of Markdown created by GitHub. It extends standard Markdown with tables, fenced code blocks with syntax highlighting hints, strikethrough text, and task list items. This tool supports GFM features including tables and fenced code blocks.
How do I create a table in Markdown?
Use pipe characters to define columns and a row of dashes to separate the header from the body. Example: | Name | Age | on the first line, | --- | --- | on the second, then data rows. At least three dashes are required in each separator cell.
How do I add a code block in Markdown?
Use triple backticks (```) before and after your code. Optionally add a language name after the opening backticks for syntax highlighting hints, for example ```javascript. For inline code, wrap the text in single backticks like `code`.
What's the difference between * and ** in Markdown?
A single asterisk (*text*) or underscore (_text_) makes text italic. Double asterisks (**text**) or double underscores (__text__) make it bold. You can combine them — ***text*** or **_text_** — for bold italic.
Can I use this tool to convert Markdown to HTML?
Yes. Click the 'Copy HTML' button in the toolbar to copy the rendered HTML to your clipboard. This gives you the full HTML output of your Markdown, which you can paste directly into any HTML file or CMS.
