Edita y previsualiza MDX al instante
Un espacio limpio para documentos Markdown y MDX.
Escribe a la izquierda, previsualiza a la derecha y guarda borradores en tu navegador.
Sin registro. Tu documento permanece en tu 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.
Un espacio centrado en MDX
Redacta documentación, README, artículos y contenido MDX sin distracciones.
- Edición en tiempo realEscribe con una barra Markdown familiar y consulta el resultado al instante.
- Borradores privadosEl guardado automático utiliza el almacenamiento local del navegador.
- Exportación sencillaCopia el código o descarga un archivo .mdx cuando quieras.
Diseñado para escribir, no para configurar
Abre la página y empieza: sin proyecto ni cuenta.
Todo lo necesario para previsualizar MDX
Una herramienta práctica para borradores Markdown y MDX.
Vista previa en vivo
Visualiza títulos, listas, tablas y código al escribir.
Guardado local
Continúa después con el borrador guardado en el navegador.
Barra de formato
Aplica formatos comunes sin memorizar toda la sintaxis.
Copiar código
Copia el documento completo con un clic.
Descargar MDX
Exporta el contenido como archivo .mdx.
Documento de ejemplo
Restaura un ejemplo para explorar la sintaxis.
Preguntas frecuentes
Los detalles importantes, sin rodeos.
¿Qué es MDX?
MDX combina contenido Markdown con JSX y se usa en documentación, blogs y sitios React.
¿Ejecuta componentes React?
No en el modo seguro; no ejecuta JavaScript arbitrario ni componentes no confiables.
¿Se sube mi documento?
No. La edición, vista previa y el guardado ocurren en tu navegador.
¿Puedo descargar mi trabajo?
Sí. Descárgalo como document.mdx o copia el código.
Convierte tu próximo borrador en MDX
Empieza ahora, sin registro ni configuración.