Streamdown

What is Streamdown?

Streamdown is a markdown renderer specifically designed for streaming content from AI models. It offers a highly interactive, customizable, and easy-to-use solution for displaying real-time generated text with rich formatting. Built on top of Tailwind typography, it provides beautiful styling for headings, lists, and code blocks out of the box. It supports GitHub Flavored Markdown, adding tables, task lists, strikethrough, and autolinks for enhanced compatibility.

One of its standout features is the built-in caret indicator, which shows users that content is still being generated, providing a smooth streaming experience. It also handles unterminated block styling, parsing incomplete Markdown to display prettier streaming with smooth animations. Streamdown includes Shiki-powered syntax highlighting with copy and download buttons, language detection, and line numbers, making code blocks highly functional.

For technical content, it supports LaTeX math through KaTeX and interactive Mermaid diagrams with fullscreen viewing, as well as CJK support for correct ideographic punctuation. Security is a priority: it blocks images and links from unexpected origins and displays link safety modals that show the full URL before navigation to protect users.

Streamdown is highly customizable. You can override any element with custom components, apply your own styles, and fine-tune behavior through configuration. Its plugin system is tree-shakeable, allowing you to install only what you need, keeping your bundle lean. Use cases include AI chatbots, code generation tools, and any application that requires real-time rendering of streaming markdown. Streamdown powers AI experiences for platforms like Vercel and is available as a free, open-source template to help you build powerful chatbot applications quickly.

Use Cases