MDX sofort bearbeiten und anzeigen
Ein übersichtlicher Arbeitsbereich für Markdown- und MDX-Dokumente.
Links schreiben, rechts prüfen und Entwürfe im Browser behalten.
Kein Konto erforderlich. Dein Dokument bleibt im 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.
Ein fokussierter MDX-Arbeitsbereich
Dokumentation, README-Dateien, Artikel und MDX-Inhalte ohne Ablenkung schreiben.
- Bearbeitung in EchtzeitMit einer vertrauten Markdown-Leiste schreiben und das Ergebnis sofort sehen.
- Private EntwürfeAutomatisches Speichern nutzt den lokalen Browserspeicher.
- Einfacher ExportQuelltext kopieren oder jederzeit als .mdx herunterladen.
Fürs Schreiben entwickelt, nicht fürs Einrichten
Seite öffnen und beginnen – ohne Projekt oder Konto.
Alles für eine schnelle MDX-Vorschau
Ein praktisches Werkzeug für Markdown- und MDX-Entwürfe.
Live-Vorschau
Überschriften, Listen, Tabellen und Code während der Eingabe sehen.
Lokales Speichern
Später im gleichen Browser am Entwurf weiterarbeiten.
Formatleiste
Gängige Formatierungen ohne Syntaxlernen anwenden.
Quelltext kopieren
Das komplette Dokument mit einem Klick kopieren.
MDX herunterladen
Den Inhalt als .mdx-Datei exportieren.
Beispieldokument
Ein Beispiel wiederherstellen und die Syntax erkunden.
Häufig gestellte Fragen
Die wichtigen Details, klar erklärt.
Was ist MDX?
MDX verbindet Markdown mit JSX und wird für Dokumentation, Blogs und React-Websites genutzt.
Werden React-Komponenten ausgeführt?
Nicht im sicheren Modus. Beliebiges JavaScript und nicht vertrauenswürdige Komponenten werden nicht ausgeführt.
Wird mein Dokument hochgeladen?
Nein. Bearbeitung, Vorschau und Speicherung erfolgen lokal im Browser.
Kann ich meine Arbeit herunterladen?
Ja, als document.mdx speichern oder direkt kopieren.
Mach deinen nächsten Entwurf zu MDX
Ohne Anmeldung oder Einrichtung sofort beginnen.