Markdown viewer

Read Markdown the way a specification sheet reads.

A single page that renders Markdown as you paste it. Everything runs in your browser — no upload, no account, no server.

Viewer

160 words

Choose file

Source

# Markdown Viewer

Paste Markdown on the left, or drop a `.md` file onto the editor. Everything
renders locally in your browser — nothing is uploaded.

## Formatting

Text can be **emphasized**, *italicized*, ~~struck through~~, or `inline code`.
Links look like [this one](https://example.com).

> Blockquotes sit on a single hairline rule.

## Lists

- Unordered items
- With a second entry
  - And a nested one

1. Ordered items
2. Work the same way

- [x] Task lists render checkboxes
- [ ] Including unchecked ones

## Code

```ts
type Viewer = {
  source: string;
  onSourceChange: (next: string) => void;
};

export function render({ source }: Viewer) {
  return source.trim().length > 0;
}
```

## Tables

| Token | Value | Role |
|-------|-------|------|
| Vellum | `#f0efe9` | Page canvas |
| Carbon Warm | `#322d2a` | Text and borders |
| Onyx Depth | `#0f0e12` | Darkest surface |

---

Images pick up the signature 80px radius:

![Placeholder](https://placehold.co/1200x400/f0efe9/322d2a?text=Markread)

Preview

Markdown Viewer

Paste Markdown on the left, or drop a .md file onto the editor. Everything renders locally in your browser — nothing is uploaded.

Formatting

Text can be emphasized, italicized, ~~struck through~~, or inline code. Links look like this one.

Blockquotes sit on a single hairline rule.

Lists

Unordered items
With a second entry
- And a nested one

Ordered items
Work the same way

Task lists render checkboxes
Including unchecked ones

Code

type Viewer = {
  source: string;
  onSourceChange: (next: string) => void;
};

export function render({ source }: Viewer) {
  return source.trim().length > 0;
}

Tables

Token	Value	Role
Vellum	`#f0efe9`	Page canvas
Carbon Warm	`#322d2a`	Text and borders
Onyx Depth	`#0f0e12`	Darkest surface

Images pick up the signature 80px radius:

Placeholder

Format

Paste

Drop text straight into the source pane and the preview updates as you type.

Drop a file

Drag a .md, .markdown or .mdx file anywhere onto the page to load it.

GitHub flavored

Tables, task lists, strikethrough and fenced code are all supported.