MDX Svelte

MDX for Svelte. Svelte in Markdown. A Markdown preprocessor for Svelte. A Preprocessor for Svelte that allows you to write Svelte code inside Markdown files.

Hey there! Welcome to MDX Svelte. Ever wished you could sprinkle some Svelte magic into your Markdown files? Well, now you can! With MDX Svelte, writing Svelte code directly in Markdown is a breeze. Whether you're jazzing up docs, crafting tutorials, or spicing up your content, we've got you covered. Say goodbye to boring Markdown and hello to dynamic, interactive content. Ready to level up your Markdown game? Let's dive in!

[!IMPORTANT] The latest version of this package is not compatible with Svelte 4. Please use the version 3.8.0 for Svelte 4 compatibility.

Example (+page.md)

---
title: Hello, World!
---

<script>
    import Markdown from "./Markdown.md"
    import Component from "./Component.svelte"
</script>

The title of this page is {frontmatter.title}!

<Markdown />
<Component />

Contributions

Awesome, jump in and help however you can! Open issues, submit PRs, improve docs - no worries about not knowing it all, we're all learning.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes