Comark

A fast, streaming-ready markdown parser with component support for Vue and React.

Get Started GitHub

comark — streaming

Open in playground

source.md

rendered output

Streaming

Real-time streaming

Parse content as it arrives. Perfect for AI-generated content and progressive loading.

Learn more

Frameworks

Vue & React

First-class support for both frameworks. Embed custom components in your markdown.

<script setup lang="ts">
import { Comark } from 'comark/vue'
import Alert from './components/Alert.vue'

const md = `
# Hello **World**

::alert{type="info"}
This is a Comark component!
::
`
</script>

<template>
  <Suspense>
    <Comark :components="{ Alert }">
      {{ md }}
    </Comark>
  </Suspense>
</template>

import { Comark } from 'comark/react'
import { Alert } from './components/Alert'

const markdown = `
# Hello **World**

::alert{type="info"}
This is a Comark component!
::
`

export default function App() {
  return (
    <Comark components={{ Alert }}>
      {markdown}
    </Comark>
  )
}