登录 注册
效率与办公工具网站与 SaaS 工具
3,056
Stars
0
Forks
0
Watchers
0
Open Issues
未知
许可证
Vue
语言
创建时间
最近更新

项目能做什么

专为 AI 应用打造的多框架流式 Markdown 渲染器,支持 Vue、React 等及数学公式渲染。
来源:基于仓库元数据 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
# Markstream — Streaming Markdown renderers for AI chat

Markstream is a streaming Markdown renderer family for Vue, React, Octane, SolidJS, Svelte, Angular, and Vue 2, with AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown, long AI responses, Mermaid, KaTeX, and streaming code blocks.

Use sibling packages for non-Vue frameworks; use `markstream-vue` when your Vue/Nuxt/VitePress UI needs stable partial Markdown states, mobile WebView rendering, safe component rendering, and progressive heavy blocks.

[![中文版](https://img.shields.io/badge/docs-中文文档-blue)](README.zh-CN.md)
[![Docs](https://img.shields.io/badge/docs-vitepress-blue)](https://markstream.simonhe.me/)
[![Playground](https://img.shields.io/badge/playground-live-34c759)](https://markstream-vue.simonhe.me/)
[![Test page](https://img.shields.io/badge/test-shareable%20repro-0A84FF)](https://markstream-vue.simonhe.me/test)

Vue package:

[![markstream-vue npm version](https://img.shields.io/npm/v/markstream-vue?color=a1b858&label=markstream-vue)](https://www.npmjs.com/package/markstream-vue)
[![NPM downloads](https://img.shields.io/npm/dm/markstream-vue)](https://www.npmjs.com/package/markstream-vue)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/markstream-vue)](https://bundlephobia.com/package/markstream-vue)

<a href="https://trendshift.io/repositories/27243?utm_source=trendshift-badge&amp;utm_medium=badge&amp;utm_campaign=badge-trendshift-27243" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/trendshift/repositories/27243/weekly?language=Vue" alt="Simon-He95%2Fmarkstream-vue | Trendshift" width="250" height="55"/></a>
<a href="https://trendshift.io/repositories/27243?utm_source=trendshift-badge&amp;utm_medium=badge&amp;utm_campaign=badge-trendshift-27243" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/trendshift/repositories/27243/daily?language=Vue" alt="Simon-He95%2Fmarkstream-vue | Trendshift" width="250" height="55"/></a>
<a href="https://trendshift.io/repositories/27243?utm_source=trendshift-badge&amp;utm_medium=badge&amp;utm_campaign=badge-trendshift-27243" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/trendshift/repositories/27243/monthly?language=Vue" alt="Simon-He95%2Fmarkstream-vue | Trendshift" width="250" height="55"/></a>

Other packages:

[![markstream-react npm version](https://img.shields.io/npm/v/markstream-react?label=markstream-react)](https://www.npmjs.com/package/markstream-react)
[![markstream-solid npm version](https://img.shields.io/npm/v/markstream-solid?label=markstream-solid)](https://www.npmjs.com/package/markstream-solid)
[![markstream-svelte npm version](https://img.shields.io/npm/v/markstream-svelte?label=markstream-svelte)](https://www.npmjs.com/package/markstream-svelte)
[![markstream-angular npm version](https://img.shields.io/npm/v/markstream-angular?label=markstream-angular)](https://www.npmjs.com/package/markstr
阅读完整原文

商业机会分析 规则生成(AI 未配置)

综合评分 48.5 分。该项目在“个人可实施性”维度得 60 分,“付费可能性”维度得 20.0 分,差异化空间 70.0 分(评分依据见评分卡)。

面向细分需求的二次开发产品

产品构想基于 markstream-vue 的核心能力,聚焦一个更窄的场景(如某平台、某行业)做差异化。
目标用户该细分场景用户
难度/周期中 · 2~6 周
收费模式买断制 / 订阅制 / 广告
竞争风险细分需求规模需验证
依据 AI 推测:基于项目主题标签的判断
以上为规则引擎基于仓库公开数据生成的参考结论,包含推测成分,不构成投资或创业承诺;配置 AI 后可获得更深入的分析。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
zll-g/ai-chat-ui 中文介绍暂未生成
一个精美的企业级chatui
26 Vue
lizyChy0329/taro-markstream 中文介绍暂未生成
Taro 4 流式 Markdown 渲染器 — 面向 AI 聊天场景的 Vue 3 组件库,基于 markstream
2 TypeScript
wifi504/easy-markstream 中文介绍暂未生成
基于 markstream-vue 的 Vue 3 流式 Markdown 渲染组件:GitHub 浅色观感、代码块流式
2 Vue
webpig/vue3-markstream 中文介绍暂未生成
markdown渲染调研
0 Vue
Bazinga-GG/markstream-vue-demo 中文介绍暂未生成
0 -
lee-css/markstream-vue-test 中文介绍暂未生成
bug测试文件
0 -
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 ,最近推送 ,发布过 100 个 Release
社区活跃Star 3,056 / Fork 0 / Issue 0(数据支持,可自行核实)
许可证未检测到(需人工确认)
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/Simon-He95/markstream-vue.git
cd markstream-vue
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。