Comark는 컴포넌트, 속성, 플러그인을 갖춘 오픈 소스 Markdown 파서 및 렌더러입니다. AI 출력을 React, Vue, Svelte, Angular, HTML 및 터미널로 스트리밍합니다.

Comark는 CommonMark와 GFM을 지원하며, 빌드 시점, 런타임 또는 스트림 중에 이를 압축하고 직렬화 가능한 문서로 파싱합니다. 렌더러에서 동일한 문서를 사용하거나, 더 풍부한 콘텐츠가 필요할 때 읽기 쉬운 컴포넌트와 속성을 추가해 구문을 확장하세요.

왜 코마크

• 런타임 파싱: parseMarkdown(markdown)은 컴팩트하고 직렬화 가능한 Markdown 문서를 반환하는 순수 함수입니다. 데이터베이스, CMS, LLM의 콘텐츠는 저장되는 순간 즉시 라이브로 간주됩니다. 재구성이나 재배포가 없습니다. (Comark 대 MDX)
• 스트리밍 내장 기능: 자동 종료는 종료되지 않은 문법(**bold, 오픈 코드 펜스, 반쯤 열린 컴포넌트)을 완성하여 AI 출력이 매 프레임마다 올바르게 렌더링되도록 합니다.
• 하나의 파서, 모든 렌더러: 동일한 소스가 HTML, ANSI, Vue, React, Svelte, Angular로 렌더링됩니다. 당신의 콘텐츠는 프레임워크보다 더 오래 지속됩니다.
• **여전히 Markdown만 사용: CommonMark + GFM(약간의 차이점 있음), frontmatter, 그리고 네이티브 요소에 {.class} 속성. 컴포넌트는 새로운 언어가 아니라 옵트인 구문입니다.

comark

Comark is an open-source Markdown parser and renderer with components, attributes and plugins. It streams AI output to React, Vue, Svelte, Angular, HTML and the terminal.

Comark supports CommonMark and GFM, then parses them into a compact, serializable document at build time, runtime, or during a stream. Use the same document across renderers, or extend the syntax with readable components and attributes when you need richer content.

# Regular Markdown

With a custom component:

::alert{type="warning"}
This is **Markdown** inside your own component.
::

Why Comark

• Runtime parsing: parseMarkdown(markdown) is a pure function returning a compact, serializable Markdown document. Content from a database, CMS, or LLM is live the moment it is saved. No rebuild, no redeploy. (Comark vs MDX)
• Streaming built in: auto-close completes unterminated syntax (**bold, open code fences, half-open components) so AI output renders correctly at every frame.
• One parser, every renderer: the same source renders to HTML, ANSI, Vue, React, Svelte, and Angular. Your content outlasts your framework.
• Still just Markdown: CommonMark + GFM (with a few differences), frontmatter, and {.class} attributes on native elements. Components are opt-in syntax, not a new language.
• Plugin ecosystem: Shiki highlighting, KaTeX math, Mermaid diagrams, TOC, alerts, footnotes and more, plus compatibility with existing markdown-it plugins.
• Decoupled parse & render: parse once on the server, send the serializable document (['tag', props, ...children]) to the client, render without re-parsing.
• Fast: built on markdown-exit, a TypeScript rewrite of markdown-it, with full TypeScript support.

The component and attribute syntax builds on five years of production use in MDC. Read Why Comark for the full story.

Quick Start