Repolode
Enviar
richardgill

richardgill/llm-ui

Una biblioteca de componentes React para mostrar respuestas de LLM en streaming, corregir markdown incompleto y admitir componentes personalizados y bloques de código con resaltado de sintaxis.

Ver en GitHubSitio web
Estrellas
1,752
Forks
90
Issues abiertos
18
Último commit
el mes pasado

¿Qué es?

llm-ui es una biblioteca de React para mostrar texto generado por modelos de lenguaje grandes. Las respuestas de LLM en streaming suelen llegar con markdown incompleto, como bloques de código sin cerrar o texto con énfasis a medio escribir, lo que puede afectar a la representación. La biblioteca elimina esta sintaxis incompleta para que el texto se muestre correctamente mientras sigue llegando.

Además de limpiar el texto, suaviza el flujo mediante throttling para evitar saltos visibles cuando se interrumpe la llegada de tokens, y muestra las actualizaciones a la frecuencia de fotogramas nativa del navegador. Shiki resalta los bloques de código en todos los lenguajes. También puedes registrar tus propios componentes de React para representar patrones específicos en las respuestas de LLM.

La biblioteca es headless, así que no impone ningún estilo visual: puedes usar tu propio CSS o sistema de diseño.

Funciones clave

  • 01Elimina la sintaxis markdown incompleta de las respuestas que llegan parcialmente en streaming.
  • 02Aplica throttling al texto en streaming para suavizar las pausas en la entrega.
  • 03Muestra las actualizaciones a la frecuencia de fotogramas nativa del navegador.
  • 04Resalta bloques de código en todos los lenguajes mediante Shiki.
  • 05Permite añadir componentes de React personalizados a las respuestas de LLM.
  • 06Es headless, así que puedes definir todos los estilos.

Casos de uso

  • Crear una interfaz de chat que muestre respuestas en streaming de una API de LLM.
  • Mostrar markdown y código de asistentes de IA en una aplicación web de React.
  • Incrustar widgets interactivos personalizados en respuestas generadas por IA.

Inicio rápido

  1. 1

    Instala el paquete llm-ui

  2. 2

    Consulta la documentación para saber cómo usarlo

Antes de usarlo

  • El README no incluye un comando de instalación, por lo que debes consultar la documentación externa para obtener los detalles de configuración.

En colecciones

Herramientas, skills y plugins para Claude CodeFrameworks frontend y componentes de interfazHerramientas de streamingGeneradores de sitios estáticos y herramientas de documentación

Temas

#react#llm#markdown#streaming#ui-components#syntax-highlighting#typescript#chatgpt#claude#component-library

Preguntas frecuentes

¿Qué es llm-ui?
Una biblioteca de componentes React para mostrar respuestas de LLM en streaming, corregir markdown incompleto y admitir componentes personalizados y bloques de código con resaltado de sintaxis. llm-ui es una biblioteca de React para mostrar texto generado por modelos de lenguaje grandes. Las respuestas de LLM en streaming suelen llegar con markdown incompleto, como bloques de código sin cerrar o texto con énfasis a medio escribir, lo que puede afectar a la representación. La biblioteca elimina esta sintaxis incompleta para que el texto se muestre correctamente mientras sigue llegando.
¿llm-ui es gratuito? ¿Qué licencia tiene?
llm-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿llm-ui sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de llm-ui fue el 29 sept 2026.
¿Para qué puedo usar llm-ui?
Crear una interfaz de chat que muestre respuestas en streaming de una API de LLM. Mostrar markdown y código de asistentes de IA en una aplicación web de React. Incrustar widgets interactivos personalizados en respuestas generadas por IA.
¿Cómo se instala llm-ui?
Instala el paquete llm-ui Consulta la documentación para saber cómo usarlo
¿Dónde consigo llm-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/richardgill/llm-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados