Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Fumadocs PreviewNew to Visual Studio Code? Get it now.
Fumadocs Preview

Fumadocs Preview

Research And Desire

|
5 installs
| (0) | Free
Live-preview any MDX/Markdown file or folder with a real Fumadocs site, rendered side-by-side inside VSCode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Fumadocs Preview Editor

Built on and for Fumadocs. Designed to help non-technical teams create and manage basic Fumadocs content — without ever touching the command line.

Install from VS Code Marketplace Install from Open VSX

Fumadocs Preview Editor

Features

  • Renders a real Fumadocs site live in the editor or your browser
  • Live-reloads as you type and save
  • Edit components in a UI editor with a live preview
  • No need for developers to install or manage dependencies
  • Supports multiple content roots, switched dynamically as you move between files

Quick start

  1. Open an .mdx or .md file.
  2. Run Fumadocs: Preview (Cmd+Alt+V / Ctrl+Alt+V, or the link at the top of the file).
  3. Edit your content and watch the preview reload.

Install

  • VS Code Marketplace
  • Open VSX

License

MIT — free to use, modify, and distribute.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft