Markdown
to
HTML

Convert markdown text to HTML instantly.

Markdown

# Welcome to Markdown Preview

This tool supports **full GitHub Flavored Markdown** plus extras.

## Tables

| Feature | Status |
|---------|--------|
| GFM Tables | Supported |
| Task Lists | Supported |
| Strikethrough | Supported |
| Syntax Highlighting | Supported |
| Mermaid Diagrams | Supported |
| Math (KaTeX) | Supported |

## Task Lists

- [x] Tables with borders and styling
- [x] Code blocks with syntax highlighting
- [x] Mermaid diagrams rendered as SVG
- [x] KaTeX math equations
- [ ] World domination

## Code with Syntax Highlighting

```typescript
interface User {
  id: string
  name: string
  email: string
}

async function fetchUser(id: string): Promise<User> {
  const res = await fetch(`/api/users/${id}`)
  if (!res.ok) throw new Error('User not found')
  return res.json()
}
```

## Mermaid Diagram

```mermaid
graph TD
    A[Markdown Input] --> B[Parse with marked]
    B --> C{Has Mermaid?}
    C -->|Yes| D[Render Diagrams]
    C -->|No| E[Display HTML]
    D --> E
```

## Math (KaTeX)

Inline math: $E = mc^2$

Block math:

$$
\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$

## Blockquote

> "The only way to do great work is to love what you do."
> — Steve Jobs

---

*That's it!* This tool converts all of the above to clean, styled HTML.

Preview

Welcome to Markdown Preview

This tool supports full GitHub Flavored Markdown plus extras.

Tables

Feature	Status
GFM Tables	Supported
Task Lists	Supported
Strikethrough	Supported
Syntax Highlighting	Supported
Mermaid Diagrams	Supported
Math (KaTeX)	Supported

Task Lists

Tables with borders and styling
Code blocks with syntax highlighting
Mermaid diagrams rendered as SVG
KaTeX math equations
World domination

Code with Syntax Highlighting

interface User {
  id: string
  name: string
  email: string
}

async function fetchUser(id: string): Promise<User> {
  const res = await fetch(`/api/users/${id}`)
  if (!res.ok) throw new Error('User not found')
  return res.json()
}

Mermaid Diagram

graph TD
    A[Markdown Input] --> B[Parse with marked]
    B --> C{Has Mermaid?}
    C -->|Yes| D[Render Diagrams]
    C -->|No| E[Display HTML]
    D --> E

Math (KaTeX)

Inline math: $E = mc^2$

Block math:

\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}

Blockquote

"The only way to do great work is to love what you do." — Steve Jobs

That's it! This tool converts all of the above to clean, styled HTML.

Learn more

How did a plain-text format from 2004 become the default writing tool for developers?

Was this useful?

Base64 Encode/Decode

Convert plain text to Base64 and back in one panel.

Epoch Converter

Convert Unix timestamps to readable date and time values.

HTML to PDF

Preview raw HTML in the browser and export it as a PDF with page settings.

Case Converter

Convert text between UPPERCASE, lowercase, Title Case, camelCase, snake_case, kebab-case, and 6 more formats instantly.

Regex Tester

Test regular expressions with real-time match highlighting, capture groups, and plain-English explanations.

Text Diff

Compare two text blocks and highlight differences line by line. See added, removed, and unchanged lines with color coding.

MarkdowntoHTML