Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

MDX

yulei-chenyulei-chen4k downloads

Preview MDX in Obsidian, with support for Code Hike.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

Preview MDX in Obsidian, with support for Code Hike.

Installation

https://obsidian.md/plugins?search=yulei%20chen

Getting Started

Usage

  1. Write MDX syntax in Obsidian (and it is recommended to have open source mode turned on).
  2. Press ctrl/cmd + p to open the Command Palette.
  3. Type mdx: preview in the Command Palette and press Enter.

code-hike-example

Support for Codehike

This plugin also provides added support for Code Hike. If you want to try it out, you can copy this example to Obsidian.

Contributing

If you would like to contribute to this project, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

59%
HealthFair
ReviewCaution
About
Preview MDX files directly inside Obsidian, rendering Markdown and embedded JSX together. Render Code Hike interactive code walkthroughs and examples within your notes.
MarkdownCodeIntegrations
Details
Current version
0.1.0
Last updated
3 years ago
Created
3 years ago
Updates
1 release
Downloads
4k
Compatible with
Obsidian 1.0.0+
Platforms
Desktop only
License
MIT
Report bugRequest featureReport plugin
Author
yulei-chenyulei-chen
github.com/yuleicul
GitHubyulei-chen
  1. Community
  2. Plugins
  3. Markdown
  4. MDX

Related plugins

Custom Frames

Turn web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.

JS Engine

Run JavaScript from within your notes.

AnyBlock

Take any fragment as a block and render it into multiple effects.

Local REST API & MCP Server

Unlock your automation needs by interacting with your notes over a secure REST API.

Templater

Create and use dynamic templates.

Importer

Import data from Notion, Evernote, Apple Notes, Microsoft OneNote, Google Keep, Bear, Roam, and HTML files.

BRAT

Easily install a beta version of a plugin for testing.

Outliner

Work with your lists like in Workflowy or Roam Research.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.

Maps

Adds a map layout to bases so you can display notes as an interactive map view.