Markdown with Components

Fast, streaming-ready markdown parser with full MDC (Markdown Component) syntax support.

Built for modern applications with TypeScript, Vue 3, React, and real-time streaming capabilities.

Get Started in Seconds

Simple to use, powerful features

Install with npm and start parsing markdown in seconds

pages/index.vue

<script setup>
import { MDC } from 'mdc-syntax/vue'

const markdown = `# Hello **World**`
</script>

<template>
  <MDC :markdown="markdown" />
</template>

Zero Config

Works out of the box with sensible defaults

Type Safe

Full TypeScript support with type definitions

Framework Agnostic

Use with React, Vue, or vanilla JavaScript

Everything you need for modern content parsing

Fast markdown-it parser

Built on markdown-it for blazing fast parsing with full GFM support, tables, and MDC component syntax. Optimized bundle size at just 47 kB.

Real-time streaming support

Parse content as it arrives with incremental streaming. Perfect for AI-generated content, large files, or progressive loading. Updates your UI in real-time.

Vue component integration

Embed Vue components directly in markdown with MDC syntax. Use slots, props, and custom components seamlessly. Full TypeScript support included.

React support built-in

First-class React integration with MDCRenderer component. Dynamic component loading, streaming mode, and full TypeScript support.

Auto-close incomplete syntax

Automatically handles unclosed markdown and component syntax during streaming. No more broken renders while content is still loading.

Full TypeScript support

Complete type definitions for all APIs, AST nodes, and components. Get autocomplete and type safety throughout your project.

Typography

MDC supports typography out of the box, so you get things like headings, paragraphs, and more.

Markdown-it

MDC Syntax

Caret Indicator

Show a caret indicator while streaming content.

Markdown-it

MDC Syntax

GitHub Flavored Markdown

MDC supports GitHub Flavored Markdown (GFM) out of the box, so you get things like task lists, tables, and more.

Markdown-it

MDC Syntax

Code Block

MDC supports code blocks out of the box, so you get things like syntax highlighting, line numbers, and more.

Markdown-it

MDC Syntax

Math Support for MDC

MDC supports math support out of the box, so you get things like inline and block math, even with complex math expressions.

Markdown-it

MDC Syntax

CJK Language Support

MDC supports CJK language support out of the box, so you get things like emphasis in Chinese, Japanese, and Korean text, even with ideographic punctuation.

Markdown-it

MDC Syntax