ai-react-markdown

让 AI 流式 Markdown 渲染更流畅、更懂中文、更全能

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 对话助手 🍴 复刻 18 🐛 待处理 3 👀 关注 13
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 170
维护状态 较活跃
是否开源 开源
定价模式 🏷️完全免费 开源组件库,MIT 许可证,完全免费,无付费版本。

项目预览

ai-react-markdown 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类对话助手
开发团队ai-markdown
定价模式🏷️完全免费
价格说明开源组件库,MIT 许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型ai,ai-chat,chat-ui,cjk,gfm,incremental-parsing,katex,latex,llm,mantine,markdown,markdown-renderer,mermaid,react,react-markdown,remark,streaming,syntax-highlighting,typescript,unified
GitHub 星标★ 170
上线时间2026-03-17 00:00:00
代码更新2026-11-02
仓库体积13.2 MB
本站数据更新2026-11-10
维护状态较活跃
收录时间2026-08-09
浏览次数6

项目介绍

ai-react-markdown 是一个专为 AI 对话场景设计的 React Markdown 渲染组件库。它解决的核心问题是:大模型流式输出的 Markdown 文本在传统渲染器中常出现格式错乱、数学公式无法解析、图表不显示、中英文排版生硬等问题。该库基于 React 和 TypeScript 构建,深度集成 LLM 流式渲染能力,支持增量更新,确保输出流畅;内置 KaTeX 数学公式渲染、Mermaid 流程图/时序图支持、GFM 语法(任务列表、表格、删除线等)、代码语法高亮,并针对中文(CJK)排版做了优化,如标点压缩、行距调整等。此外,它还实现了跨块引用协调,能正确处理流式输出中跨多个 Markdown 块的引用关系,避免断链。组件设计上兼容 Mantine 主题,易于定制,适合构建聊天机器人、AI 助手等界面。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 170

技术标签

核心亮点

  • 原生支持 LLM 流式增量渲染,避免文本闪烁和整体重排
  • 内置 KaTeX 和 Mermaid,数学公式与图表开箱即用
  • 针对中文排版优化,标点压缩和行距更适合中文对话场景

不足之处

  • 项目早期,GitHub 星标仅 165,社区生态和文档完善度待观察
  • 依赖 Mantine 主题,可能对非 Mantine 项目引入额外样式耦合

适用场景

  • 构建 AI 聊天机器人或对话式 UI,需要流式渲染 Markdown 回复
  • 在 React 应用中展示包含数学公式、图表和代码块的 AI 生成内容
  • 开发面向中文用户的 AI 助手,需要良好的 CJK 排版体验

替代项目

react-markdown、marked、mantine-markdown

上一篇:generative-ui

下一篇:zhamao-framework

同类项目推荐

zhamao-framework 开源

用 PHP 协程快速搭建高性能 QQ 聊天机器人

协程、高性能、灵活的聊天机器人 & Web 开发框架(炸毛框架)

★ 165 2026-08-09
ShipGenAI 开源

50个AI应用模板,一键部署收费,代码全归你

50 production-ready Generative AI SaaS apps — brand them, ship them, keep 100% of t···

★ 258 2026-08-09
SupabaseAuthWithSSR 开源

Next.js 认证加 AI 对话模板,开箱即用省去搭架子

Supabase Auth + AI Stack for Next.js 16 with SSR and React Server Components (RSC), ···

★ 398 2026-10-02
LLM4AD 开源

用大模型自动生成并迭代优化算法

LLM4AD: A Platform for Algorithm Design with Large Language Model

★ 804 2026-10-28
dspy-skills 开源

用 DSPy 技能包,系统化构建和优化你的 LLM 应用。

Collection of Claude Skills for DSPy framework - program language models, optimize p···

★ 124 2026-08-09
SpeziLLM 开源

在 iOS 应用中快速集成 GPT 等大模型,打造智能对话体验

Large Language Model (LLM) module for the Spezi Ecosystem

★ 290 2026-08-09
LangGraph-GUI 开源

拖拽节点,可视化构建并运行 LangGraph 工作流

Visual node-edge graph GUI editor for LangGraph and run with local LLM or online API

★ 272 2026-08-09
ccgram 开源

手机远程监控和操控AI编程代理,随时随地响应提示。

Telegram ↔ tmux/herdr/agterm bridge for Claude Code, Codex CLI, and Pi Agent. Monit···

★ 289 2026-08-09
browsercode 开源

在浏览器里直接跑 AI Agent,不用后端

The browser-native agent framework

★ 789 2026-09-13