Elliott Coe's Portfolio

Markdown to HTML Live Preview – Tailwind Typography

Write Markdown in the left pane and see a live, beautifully-styled preview on the right.

Markdown Syntax Guide

Text Styles

**Bold Text** → Bold Text

*Italic Text* → Italic Text

~~Strikethrough~~ → Strikethrough

`Inline Code` → Inline Code

Headings

# Heading 1

## Heading 2

### Heading 3

Lists

* Unordered Item

1. Ordered Item

   * Nested Item

Links & Images

[Link Text](url)

![Alt Text](image_url)

Quotes & Rules

> Blockquote

--- (Horizontal Rule)

Code Blocks

```language
// code here
```

Tables

| Head 1 | Head 2 |
|:-------|:------:|
| Cell 1 | Cell 2 |

Create tables with pipes and hyphens. Use colons for column alignment.

Markdown Input

Live Preview

Start writing here!