Редактируйте и просматривайте MDX мгновенно
Удобное пространство для документов Markdown и MDX.
Пишите слева, смотрите результат справа, а черновики храните в браузере.
Регистрация не нужна. Документ остаётся в браузере.
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.
Рабочее пространство для MDX
Создавайте документацию, README, статьи и MDX-контент без отвлечений.
- Редактирование в реальном времениИспользуйте знакомую панель Markdown и сразу смотрите результат.
- Приватные черновикиАвтосохранение использует локальное хранилище браузера.
- Простой экспортКопируйте исходник или скачивайте файл .mdx в любой момент.
Для работы с текстом, а не с настройками
Откройте страницу и начинайте — без проекта и аккаунта.
Всё для быстрого просмотра MDX
Практичный инструмент для черновиков Markdown и MDX.
Живой просмотр
Заголовки, списки, таблицы и код отображаются при вводе.
Локальное сохранение
Продолжайте работу позже в том же браузере.
Панель форматирования
Применяйте форматы, не запоминая весь синтаксис.
Копирование исходника
Копируйте весь документ одним нажатием.
Скачивание MDX
Экспортируйте содержимое в файл .mdx.
Пример документа
Восстановите пример и изучите синтаксис.
Частые вопросы
Важные детали без лишних слов.
Что такое MDX?
MDX сочетает Markdown и JSX и используется для документации, блогов и React-сайтов.
Выполняются ли React-компоненты?
В безопасном режиме — нет. Произвольный JavaScript и недоверенные компоненты не запускаются.
Документ загружается на сервер?
Нет. Редактирование, просмотр и сохранение происходят в браузере.
Можно скачать работу?
Да, сохраните её как document.mdx или скопируйте исходник.
Превратите следующий черновик в MDX
Начните без регистрации и настройки.