IncremarkIncremental Markdown Parser

Designed for AI streaming output, up to 46x faster parsing

Get Started

Vue Demo

React Demo

GitHub

⚡

Incremental Parsing

Only parse new content, completed blocks are not reprocessed, significantly reducing CPU overhead

🔄

Stream Friendly

Designed for AI streaming output, supports character-by-character, line-by-line, block-by-block input

🎯

Precise Boundary Detection

Intelligently identifies Markdown block boundaries, supports code blocks, lists, quotes and complex nested structures

🔌

Framework Agnostic

Core library decoupled from frameworks, provides official Vue and React integrations, easily extensible

📊

DevTools

Built-in developer tools to visualize parsing state, block structure and performance metrics

🎨

Highly Customizable

Support custom rendering components, extended syntax (GFM, math formulas, Mermaid, etc.)

Why Incremark?

Traditional Markdown parsers have serious performance issues in AI streaming scenarios:

Document Size	Traditional	Incremark	Speedup
~1KB	0.4s	0.17s	2x
~5KB	10s	0.9s	10x
~10KB	40s	1.8s	20x
~20KB	183s	4s	46x

Quick Start

bash

# Install
pnpm add @incremark/core @incremark/vue

# Or use React
pnpm add @incremark/core @incremark/react

vue

<script setup>
import { useIncremark, Incremark } from '@incremark/vue'

const { blocks, append, finalize } = useIncremark()

// Handle AI streaming output
async function handleStream(stream) {
  for await (const chunk of stream) {
    append(chunk)
  }
  finalize()
}
</script>

<template>
  <Incremark :blocks="blocks" />
</template>