Éditez et prévisualisez du MDX instantanément
Un espace épuré pour les documents Markdown et MDX.
Écrivez à gauche, prévisualisez à droite et conservez vos brouillons dans le navigateur.
Aucun compte requis. Votre document reste dans votre navigateur.
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 espace dédié au MDX
Rédigez documentation, README, articles et contenus MDX sans distraction.
- Édition en temps réelÉcrivez avec une barre Markdown familière et voyez le résultat immédiatement.
- Brouillons privésLa sauvegarde automatique utilise le stockage local du navigateur.
- Export facileCopiez la source ou téléchargez un fichier .mdx à tout moment.
Conçu pour écrire, pas pour configurer
Ouvrez la page et commencez, sans projet ni compte.
Tout le nécessaire pour prévisualiser du MDX
Un outil pratique pour vos brouillons Markdown et MDX.
Aperçu en direct
Affichez titres, listes, tableaux et code pendant la saisie.
Sauvegarde locale
Retrouvez votre brouillon dans le même navigateur.
Barre de formatage
Appliquez les formats courants sans mémoriser toute la syntaxe.
Copie de la source
Copiez le document complet en un clic.
Téléchargement MDX
Exportez le contenu dans un fichier .mdx.
Document d'exemple
Restaurez un exemple pour explorer la syntaxe.
Questions fréquentes
Les détails utiles, clairement.
Qu'est-ce que MDX ?
MDX combine Markdown et JSX pour la documentation, les blogs et les sites React.
Les composants React sont-ils exécutés ?
Non en mode sécurisé : aucun JavaScript arbitraire ni composant non fiable.
Mon document est-il envoyé ?
Non. L'édition, l'aperçu et la sauvegarde restent dans le navigateur.
Puis-je télécharger mon travail ?
Oui, enregistrez-le en document.mdx ou copiez la source.
Transformez votre prochain brouillon en MDX
Commencez sans inscription ni configuration.