--- title: React Markdown alternatives: Benchmarking 3 streaming... description: Streaming Markdown through react-markdown with syntax highlighting gets expensive on long, code-heavy replies under CPU throttling. A benchmark compared... canonical: https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React Markdown alternatives: Benchmarking 3 streaming renderers | daily.dev og:description: Streaming Markdown through react-markdown with syntax highlighting gets expensive on long, code-heavy replies under CPU throttling. A benchmark compared... og:url: https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc og:image: https://api.daily.dev/og/posts/Ol1elEFOc.png og:image:alt: React Markdown alternatives: Benchmarking 3 streaming renderers og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # React Markdown alternatives: Benchmarking 3 streaming renderers **[LogRocket](https://daily.dev/sources/logrocket)** · 11 min read · 0 upvotes · 0 comments ## Summary Streaming Markdown through react-markdown with syntax highlighting gets expensive on long, code-heavy replies under CPU throttling. A benchmark compared react-markdown against Streamdown, Markstream, and Comark using recorded chatbot responses, with versions react-markdown 10.1.0, Streamdown 2.7.0, markstream-react 2.0.19, and Comark 0.7.0. On a long fixture with six code blocks, react-markdown plus rehype-highlight produced 269 long frame gaps versus zero for the base setup. In that condition, Markstream used the least main-thread time (3.7s vs 23.1s for highlighted react-markdown), while Streamdown had a worst-frame interval over one second. Comark's tested setup performed worst at 154.5s of main-thread time, and its adapter recreated plugin instances on every render. For short or medium replies, both react-markdown configurations recorded zero median long frame gaps. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Does react-markdown slow down when streaming long AI chat responses with code blocks? Yes, when syntax highlighting is enabled via rehype-highlight. In one benchmark, a 22,229-character reply with six code blocks caused react-markdown plus rehype-highlight to use 23.1 seconds of main-thread time and produce 269 long frame gaps under 4x CPU throttling, versus 11.6 seconds and 0 long frame gaps without highlighting. _Anyone picking a markdown renderer for streaming AI chat can compare these benchmarks on daily.dev before committing._ ### What is the fastest alternative to react-markdown for streaming long code-heavy chatbot replies? Markstream (markstream-react 2.0.19) used the least main-thread time in testing, 3.7 seconds versus 23.1 seconds for react-markdown with rehype-highlight on a long, frame-paced, throttled fixture, with a worst-frame interval of 41.1ms. Streamdown 2.7.0 also reduced main-thread work to 6.2 seconds but had a worst-frame interval over one second (1,053.5ms), which needs further investigation. _Developers choosing a streaming markdown renderer can track benchmarks like this on daily.dev before switching libraries._ ### How much larger is the Markstream bundle compared to react-markdown with highlighting? Markstream's estimated gzip size is about 266.1 KiB for the test page, roughly 102 KiB larger than react-markdown with rehype-highlight at 164.5 KiB. These are page-level estimates including shared app code, following entry scripts and one level of static imports, excluding CSS and later-loaded assets. _daily.dev helps developers weighing bundle size against render speed keep tabs on renderer comparisons like this._ ## Similar posts on daily.dev - [TanStack Markdown vs react-markdown: Which is better?](https://daily.dev/posts/tanstack-markdown-vs-react-markdown-which-is-better--patfytr1b) · LogRocket · 17 upvotes · 1 comments - [React 19 Compiler vs Svelte 5: Latency Benchmark Results](https://daily.dev/posts/react-19-compiler-vs-svelte-5-latency-benchmark-results-q9enifxta) · SitePoint · 0 upvotes · 0 comments - [Issue \#495: TanStack's smaller React for the browser — React Status](https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu) · React Status · 0 upvotes · 0 comments - [TanStack Redact: React's API in a Runtime a Third the Size : fireup.pro](https://daily.dev/posts/tanstack-redact-react-s-api-in-a-runtime-a-third-the-size-fireup-pro-kk3eyqgvm) · FireUp · 10 upvotes · 2 comments - [dannote/phoenix\_streamdown: Streaming markdown renderer for Phoenix LiveView, optimized for LLM output](https://daily.dev/posts/dannote-phoenix-streamdown-streaming-markdown-renderer-for-phoenix-liveview-optimized-for-llm-outp-5bpdnzg5n) · ElixirStatus · 1 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#performance](https://daily.dev/tags/performance) [View this post on daily.dev](https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"React Markdown alternatives: Benchmarking 3 streaming renderers","url":"https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc"},"datePublished":"2026-10-31T10:31:23.473Z","dateModified":"2026-10-31T10:32:42.465Z","description":"Streaming Markdown through react-markdown with syntax highlighting gets expensive on long, code-heavy replies under CPU throttling. A benchmark compared...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0f19f2bb6ec4b782c083bab511a9158d?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0f19f2bb6ec4b782c083bab511a9158d?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"LogRocket","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"LogRocket","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket","url":"https://daily.dev/sources/logrocket"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,react,performance","timeRequired":"PT11M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":3,"name":"React Markdown alternatives: Benchmarking 3 streaming renderers"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/react-markdown-alternatives-benchmarking-3-streaming-renderers-ol1elefoc#faq","mainEntity":[{"@type":"Question","name":"Does react-markdown slow down when streaming long AI chat responses with code blocks?","acceptedAnswer":{"@type":"Answer","text":"Yes, when syntax highlighting is enabled via rehype-highlight. In one benchmark, a 22,229-character reply with six code blocks caused react-markdown plus rehype-highlight to use 23.1 seconds of main-thread time and produce 269 long frame gaps under 4x CPU throttling, versus 11.6 seconds and 0 long frame gaps without highlighting. Anyone picking a markdown renderer for streaming AI chat can compare these benchmarks on daily.dev before committing."}},{"@type":"Question","name":"What is the fastest alternative to react-markdown for streaming long code-heavy chatbot replies?","acceptedAnswer":{"@type":"Answer","text":"Markstream (markstream-react 2.0.19) used the least main-thread time in testing, 3.7 seconds versus 23.1 seconds for react-markdown with rehype-highlight on a long, frame-paced, throttled fixture, with a worst-frame interval of 41.1ms. Streamdown 2.7.0 also reduced main-thread work to 6.2 seconds but had a worst-frame interval over one second (1,053.5ms), which needs further investigation. Developers choosing a streaming markdown renderer can track benchmarks like this on daily.dev before switching libraries."}},{"@type":"Question","name":"How much larger is the Markstream bundle compared to react-markdown with highlighting?","acceptedAnswer":{"@type":"Answer","text":"Markstream's estimated gzip size is about 266.1 KiB for the test page, roughly 102 KiB larger than react-markdown with rehype-highlight at 164.5 KiB. These are page-level estimates including shared app code, following entry scripts and one level of static imports, excluding CSS and later-loaded assets. daily.dev helps developers weighing bundle size against render speed keep tabs on renderer comparisons like this."}}]} ```