Streamdown

Streamdown es una librería de React especializada, diseñada para resolver un problema muy concreto: mostrar contenido en markdown generado por IA mientras se transmite en tiempo real. Si alguna vez has construido una interfaz de chat para un LLM y has visto cómo el texto aparece fragmento a fragmento, habrás notado que el markdown bruto puede verse desordenado durante el streaming. Streamdown sustituye a `react-markdown` para renderizar ese contenido de forma limpia, gestionando sobre la marcha frases incompletas, bloques de código y el formato. Está creada para las exigencias únicas de las aplicaciones de IA donde el contenido llega pieza por pieza.

Lo que hace que Streamdown destaque son sus detalladas funciones para el contexto de streaming. Puede mostrar indicadores de cursor animados para que los usuarios sepan que viene más contenido. Analiza y da estilo a los bloques de markdown «no terminados» —como una sección en negrita que aún no se ha cerrado—, logrando que el estado intermedio se vea pulido. Incluye un renderizado seguro e integrado para bloques de código (con resaltado de sintaxis de Shiki), diagramas de Mermaid y expresiones matemáticas de LaTeX a través de plugins opcionales. También añade capas de seguridad importantes, como la confirmación de enlaces antes de la navegación, algo crucial al mostrar resultados de IA no confiables.

Esta herramienta es una potencia para desarrolladores que crean aplicaciones impulsadas por IA. Si estás creando un chatbot, un asistente de programación de IA, una aplicación de tutoría o cualquier interfaz donde la respuesta de un LLM regrese en streaming como markdown, Streamdown hará que esa salida se vea profesional e interactiva desde el primer carácter hasta el último. Convierte el desafío técnico del renderizado en streaming en una experiencia de usuario pulida.