Start Here

Introduction

A markdown preprocessor for Svelte.

Writing content is hard. Writing content in HTML is even harder. Markdown is a great way to write content, but it's not always enough. Sometimes you need to add a bit of interactivity to your content, or you need to add a bit of content to your interactivity. That's where MDSX comes in.

MDSX is a markdown preprocessor for Svelte, bridging the gap between markdown and components. You can use it to write markdown files that can be imported into your Svelte components, or import Svelte components into your markdown files.

When we set out to build MDSX, it was important for us to make it easy, efficient, and extensible, without sacrificing one for the other.

Easy

There's the developer standard for easy, and then there's the user standard for easy. MDSX checks both boxes. You can use it as-is, without any configurations or plugins. Just add it to your preprocessor list and you're off to the races. If you want to customize it, that's easy too.

Efficient

It shouldn't feel like you're using a markdown preprocessor. We're striving for near-instantaneous processing and compilation times, so you can stay in flow.

Extensible

MDSX leverages the Unified ecosystem, making it highly extensible and customizable. You can use the many plugins that have already been built for remark and rehype, or if you're up for some AST traversals, you can write your own. The world is your oyster.

We want MDSX to be the foundation of a thriving content ecosystem for Svelte, and we're excited to see what you'll build with it.

MIT

© 2025 Svecosystem Team