Repolode
Enviar
richardgill

richardgill/llm-ui

Biblioteca de componentes React para renderizar respostas de LLM em streaming, corrigindo markdown incompleto e oferecendo componentes personalizados e blocos de código com destaque de sintaxe.

Ver no GitHubSite
Estrelas
1,752
Forks
90
Issues abertas
18
Último commit
mês passado

O que é?

llm-ui é uma biblioteca React para exibir textos gerados por modelos de linguagem grandes. Respostas de LLM em streaming costumam chegar com markdown incompleto, como blocos de código sem fechamento ou ênfases pela metade, o que pode prejudicar a renderização. A biblioteca remove essa sintaxe incompleta para que o conteúdo seja exibido corretamente enquanto ainda está sendo transmitido.

Além de corrigir o conteúdo, ela suaviza o fluxo com throttling para que pausas na entrega de tokens não causem travamentos visíveis, e renderiza as atualizações na taxa de quadros nativa do navegador. Os blocos de código recebem destaque de sintaxe em todas as linguagens usando Shiki. Os desenvolvedores também podem registrar seus próprios componentes React para renderizar padrões específicos nas respostas do LLM.

A biblioteca é headless, então não impõe um estilo visual: você pode usar seu próprio CSS ou design system.

Recursos principais

  • 01Remove sintaxe markdown incompleta de conteúdo parcialmente transmitido.
  • 02Aplica throttling ao texto em streaming para suavizar pausas na entrega.
  • 03Renderiza atualizações na taxa de quadros nativa.
  • 04Aplica destaque de sintaxe a blocos de código em todas as linguagens usando Shiki.
  • 05Permite adicionar componentes React personalizados às respostas do LLM.
  • 06É headless, então o estilo fica totalmente a seu critério.

Casos de uso

  • Criar uma interface de chat que exibe respostas em streaming de uma API de LLM.
  • Renderizar markdown e código de assistentes de IA em um app web React.
  • Incorporar widgets interativos personalizados em respostas geradas por IA.

Início rápido

  1. 1

    Instale o pacote llm-ui

  2. 2

    Consulte a documentação para saber como usá-lo

Antes de usar

  • O README não inclui um comando de instalação, então é necessário consultar a documentação externa para obter os detalhes da configuração.

Em coleções

Ferramentas, skills e plugins para Claude CodeFrameworks frontend e componentes de interfaceFerramentas de streamingGeradores de sites estáticos e ferramentas de documentação

Tópicos

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

Perguntas frequentes

O que é llm-ui?
Biblioteca de componentes React para renderizar respostas de LLM em streaming, corrigindo markdown incompleto e oferecendo componentes personalizados e blocos de código com destaque de sintaxe. llm-ui é uma biblioteca React para exibir textos gerados por modelos de linguagem grandes. Respostas de LLM em streaming costumam chegar com markdown incompleto, como blocos de código sem fechamento ou ênfases pela metade, o que pode prejudicar a renderização. A biblioteca remove essa sintaxe incompleta para que o conteúdo seja exibido corretamente enquanto ainda está sendo transmitido.
llm-ui é gratuito? Qual é a licença?
llm-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
llm-ui ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de llm-ui foi em 29 de set. de 2026.
Para que posso usar llm-ui?
Criar uma interface de chat que exibe respostas em streaming de uma API de LLM. Renderizar markdown e código de assistentes de IA em um app web React. Incorporar widgets interativos personalizados em respostas geradas por IA.
Como instalar llm-ui?
Instale o pacote llm-ui Consulte a documentação para saber como usá-lo
Onde consigo llm-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/richardgill/llm-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados