Edite e visualize MDX instantaneamente
Um espaço limpo para documentos Markdown e MDX.
Escreva à esquerda, visualize à direita e mantenha rascunhos no navegador.
Sem conta. Seu documento permanece no navegador.
MDX Playground
Changes are saved locally and never leave your browser.
---
title: Hello MDX
description: A tiny document rendered in real time
---
# Hello, MDX Viewer 👋
Write **Markdown** and MDX-flavored content on the left, then see the result instantly.
## What works here
- Headings, lists and links
- Tables and task lists
- Quotes and fenced code blocks
- Inline HTML supported by the renderer
> Your draft is saved locally in this browser.
```tsx
export function Greeting({ name }: { name: string }) {
return <strong>Hello {name}!</strong>;
}
```
| Feature | Status |
| --- | --- |
| Live preview | ✅ |
| Local autosave | ✅ |
| Download .mdx | ✅ |
title: Hello MDX description: A tiny document rendered in real time
Hello, MDX Viewer 👋
Write Markdown and MDX-flavored content on the left, then see the result instantly.
What works here
- Headings, lists and links
- Tables and task lists
- Quotes and fenced code blocks
- Inline HTML supported by the renderer
Your draft is saved locally in this browser.
export function Greeting({ name }: { name: string }) {
return <strong>Hello {name}!</strong>;
}
| Feature | Status |
|---|---|
| Live preview | ✅ |
| Local autosave | ✅ |
| Download .mdx | ✅ |
---
title: Hello MDX
description: A tiny document rendered in real time
---
# Hello, MDX Viewer 👋
Write **Markdown** and MDX-flavored content on the left, then see the result instantly.
## What works here
- Headings, lists and links
- Tables and task lists
- Quotes and fenced code blocks
- Inline HTML supported by the renderer
> Your draft is saved locally in this browser.
```tsx
export function Greeting({ name }: { name: string }) {
return <strong>Hello {name}!</strong>;
}
```
| Feature | Status |
| --- | --- |
| Live preview | ✅ |
| Local autosave | ✅ |
| Download .mdx | ✅ |
For safety, this preview renders document markup but does not execute arbitrary JavaScript or imported React components.
Um espaço focado em MDX
Escreva documentação, README, artigos e conteúdo MDX sem distrações.
- Edição em tempo realEscreva com uma barra Markdown familiar e veja o resultado imediatamente.
- Rascunhos privadosO salvamento automático usa o armazenamento local do navegador.
- Exportação fácilCopie o código ou baixe um arquivo .mdx quando quiser.
Feito para escrever, não configurar
Abra a página e comece, sem projeto ou conta.
Tudo para uma prévia MDX rápida
Uma ferramenta prática para rascunhos Markdown e MDX.
Prévia ao vivo
Veja títulos, listas, tabelas e código enquanto digita.
Salvamento local
Continue depois com o rascunho salvo no navegador.
Barra de formatação
Aplique formatos comuns sem decorar toda a sintaxe.
Copiar código
Copie o documento completo com um clique.
Baixar MDX
Exporte o conteúdo como arquivo .mdx.
Documento de exemplo
Restaure um exemplo para explorar a sintaxe.
Perguntas frequentes
Os detalhes importantes, sem complicação.
O que é MDX?
MDX combina Markdown e JSX e é usado em documentação, blogs e sites React.
Executa componentes React?
Não no modo seguro. JavaScript arbitrário e componentes não confiáveis não são executados.
Meu documento é enviado?
Não. Edição, prévia e salvamento ficam no navegador.
Posso baixar meu trabalho?
Sim, salve como document.mdx ou copie o código.
Transforme seu próximo rascunho em MDX
Comece sem cadastro ou configuração.