Incremark增量式 Markdown 解析器

专为 AI 流式输出设计，最高 46 倍性能提升

快速开始

Vue 演示

React 演示

GitHub

⚡

增量解析

只解析新增内容，已完成的块不再重复处理，大幅降低 CPU 开销

🔄

流式友好

专为 AI 流式输出场景设计，支持逐字符、逐行、逐块输入

🎯

精确边界检测

智能识别 Markdown 块边界，支持代码块、列表、引用等复杂嵌套结构

🔌

框架无关

核心库与框架解耦，提供 Vue、React 官方集成，易于扩展其他框架

📊

DevTools

内置开发者工具，可视化查看解析状态、块结构和性能指标

🎨

高度可定制

支持自定义渲染组件、扩展语法（GFM、数学公式、Mermaid 等）

为什么选择 Incremark？

传统 Markdown 解析器在 AI 流式输出场景中存在严重的性能问题：

文档大小	传统方式	Incremark	加速比
~1KB	0.4 秒	0.17 秒	2x
~5KB	10 秒	0.9 秒	10x
~10KB	40 秒	1.8 秒	20x
~20KB	183 秒	4 秒	46x

快速体验

bash

# 安装
pnpm add @incremark/core @incremark/vue

# 或使用 React
pnpm add @incremark/core @incremark/react

vue

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

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

// 处理 AI 流式输出
async function handleStream(stream) {
  for await (const chunk of stream) {
    append(chunk)
  }
  finalize()
}
</script>

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