Vercel

Streamdown 2.2 Introduces Text Animation and ReactMarkdown Compatibility


Executive Summary

Streamdown has released version 2.2 of its streaming markdown library for developers. This update introduces animated per-word text streaming to create a more polished user experience in real-time applications like AI chat interfaces. The new version also achieves full compatibility with ReactMarkdown props, allowing developers to easily migrate existing projects to Streamdown.

Key Takeaways

* Animated Text Streaming: A new `animated` prop and accompanying stylesheet enable smooth, per-word text rendering animations.

* ReactMarkdown Drop-in Replacement: Now supports the full set of ReactMarkdown props, allowing developers to switch libraries with a one-line code change without refactoring.

* Enhanced Custom HTML Support: The `components` prop can now handle custom HTML attributes, and the rendering engine has been improved to strip incomplete HTML tags during streaming to prevent visual glitches.

* Additional Improvements: The release removes CommonJS builds, adds language aliases for common code blocks, and includes numerous rendering and security fixes for tables, LaTeX, and Mermaid diagrams.

Strategic Importance

This update positions Streamdown as a direct, feature-rich alternative to ReactMarkdown, aiming to attract developers by offering both enhanced visual effects and a frictionless migration path.

Original article