Modifica e visualizza MDX all'istante
Uno spazio pulito per documenti Markdown e MDX.
Scrivi a sinistra, visualizza a destra e conserva le bozze nel browser.
Nessun account richiesto. Il documento resta nel browser.
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.
Uno spazio dedicato a MDX
Scrivi documentazione, README, articoli e contenuti MDX senza distrazioni.
- Modifica in tempo realeScrivi con una barra Markdown familiare e guarda subito il risultato.
- Bozze privateIl salvataggio automatico usa l'archiviazione locale del browser.
- Esportazione sempliceCopia il sorgente o scarica un file .mdx in ogni momento.
Pensato per scrivere, non per configurare
Apri la pagina e inizia, senza progetto o account.
Tutto il necessario per l'anteprima MDX
Uno strumento pratico per bozze Markdown e MDX.
Anteprima live
Visualizza titoli, elenchi, tabelle e codice mentre scrivi.
Salvataggio locale
Continua in seguito con la bozza salvata nel browser.
Barra di formattazione
Applica i formati comuni senza memorizzare tutta la sintassi.
Copia sorgente
Copia l'intero documento con un clic.
Scarica MDX
Esporta il contenuto come file .mdx.
Documento di esempio
Ripristina un esempio per esplorare la sintassi.
Domande frequenti
I dettagli importanti, spiegati chiaramente.
Cos'è MDX?
MDX unisce Markdown e JSX ed è usato per documentazione, blog e siti React.
Esegue componenti React?
Non in modalità sicura: non esegue JavaScript arbitrario o componenti non affidabili.
Il documento viene caricato?
No. Modifica, anteprima e salvataggio avvengono nel browser.
Posso scaricare il lavoro?
Sì, salvalo come document.mdx o copia il sorgente.
Trasforma la prossima bozza in MDX
Inizia senza registrazione o configurazione.