Markdown + Components

Comark is a fast, streaming-ready markdown parser and renderer with component support for React, Svelte, Vue, HTML and ANSI terminal.

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

React, Svelte & Vue

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

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>
  )
}

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

  const markdown = `
# Hello **World**

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

<Comark markdown={markdown} components={{ Alert }} />

<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>