Markdown / MDX Formatter
Format Markdown and MDX files online for free with Prettier's parser, right in your browser.
Local browser processing
No sign-up required
MDX supported
LanguageFor .md / .mdx files
Markdowninput.md
Format
Wrap
Line width
Indent
⌘⏎Quick format
InputEditable
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
OutputMarkdown valid44 lines · 744 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
# Getting Started
This guide explains how to set up and use **Format Codes** in your project.
## Installation
Install via npm or pnpm:
```bash
pnpm add prettier
```
## Features
- Fast, *browser-based* formatting
- Supports multiple languages
- No server uploads — all processing happens locally
## Configuration
Create a `.prettierrc` file in your project root:
```json
{
"printWidth": 80,
"tabWidth": 2,
"singleQuote": true
}
```
> **Note:** Configuration is optional. Defaults are sensible for most projects.
## Supported Languages
| Language | Parser | Plugin |
|---|---|---|
| JavaScript | babel | built-in |
| TypeScript | typescript | built-in |
| Markdown | markdown | built-in |
## License
MIT © 2024 FormatCodes
UTF-8 · Markdown · Line width: 80Local processing · Ready
How It WorksMarkdown
Overview
This Markdown formatter cleans up documents with inconsistent formatting into a consistent style, powered by Prettier's official engine. Headings, lists, code blocks, tables, footnotes, and all other standard syntax are correctly recognized. MDX is also supported, for documentation files in frameworks like Next.js or Docusaurus. Everything runs locally in your browser; your content never leaves your device.
Use Cases
Unify a team's documentation formatting styleClean up a README or CHANGELOGFormat an MDX blog post or documentation pageClean up Markdown content generated by AI
Steps
123
Paste or uploadAdjust format optionsGet the result