Repolode
Предложить
richardgill

richardgill/llm-ui

Библиотека React-компонентов для отображения потокового вывода LLM: исправляет некорректный Markdown и поддерживает пользовательские компоненты и подсветку кода.

Открыть на GitHubСайт
Звёзды
1,752
Форки
90
Открытые issues
18
Последний коммит
в прошлом месяце

Что это?

llm-ui — библиотека React для отображения текста, генерируемого большими языковыми моделями. Потоковый вывод LLM часто приходит с незавершённой разметкой Markdown — например, с незакрытыми блоками кода или начатым, но не законченным выделением. Из-за этого разметка может отображаться некорректно. Библиотека удаляет незавершённые конструкции, чтобы текст выглядел аккуратно даже во время потоковой передачи.

Помимо очистки разметки, библиотека сглаживает поток с помощью троттлинга: паузы в поступлении токенов не вызывают заметных рывков, а обновления отображаются с нативной частотой кадров браузера. Блоки кода подсвечиваются с помощью Shiki для всех языков. Разработчики также могут зарегистрировать собственные React-компоненты для отображения отдельных шаблонов в выводе LLM.

Библиотека не задаёт визуальное оформление, поэтому вы можете использовать собственные CSS-стили или дизайн-систему.

Ключевые возможности

  • 01Удаляет незавершённую разметку Markdown из частично полученного потока.
  • 02Сглаживает поток текста с помощью троттлинга, чтобы компенсировать паузы в его поступлении.
  • 03Отображает обновления с нативной частотой кадров браузера.
  • 04Подсвечивает блоки кода на любых языках с помощью Shiki.
  • 05Позволяет добавлять в вывод LLM собственные React-компоненты.
  • 06Не задаёт оформление — вы полностью контролируете стили.

Сценарии использования

  • Создание чата, отображающего потоковые ответы из API LLM.
  • Отображение Markdown и кода от AI-ассистентов в веб-приложении на React.
  • Встраивание интерактивных пользовательских виджетов в ответы, сгенерированные AI.

Быстрый старт

  1. 1

    Установите пакет llm-ui

  2. 2

    Ознакомьтесь с документацией по использованию

Что важно знать

  • В README нет команды для установки, поэтому подробности настройки нужно уточнить во внешней документации.

В подборках

Инструменты, навыки и плагины для Claude CodeФронтенд-фреймворки и UI-компонентыИнструменты для стримингаГенераторы статических сайтов и инструменты для документации

Темы

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

Частые вопросы

Что такое llm-ui?
Библиотека React-компонентов для отображения потокового вывода LLM: исправляет некорректный Markdown и поддерживает пользовательские компоненты и подсветку кода. llm-ui — библиотека React для отображения текста, генерируемого большими языковыми моделями. Потоковый вывод LLM часто приходит с незавершённой разметкой Markdown — например, с незакрытыми блоками кода или начатым, но не законченным выделением. Из-за этого разметка может отображаться некорректно. Библиотека удаляет незавершённые конструкции, чтобы текст выглядел аккуратно даже во время потоковой передачи.
llm-ui можно использовать бесплатно? Какая у него лицензия?
llm-ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
llm-ui всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в llm-ui — 29 сент. 2026 г..
Для чего можно использовать llm-ui?
Создание чата, отображающего потоковые ответы из API LLM. Отображение Markdown и кода от AI-ассистентов в веб-приложении на React. Встраивание интерактивных пользовательских виджетов в ответы, сгенерированные AI.
Как установить llm-ui?
Установите пакет llm-ui Ознакомьтесь с документацией по использованию
Где скачать llm-ui?
Исходный код и инструкции по установке — на GitHub: https://github.com/richardgill/llm-ui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

vercel / streamdown

Прямая замена react-markdown для отображения потокового Markdown от AI-моделей, в том числе незавершённых блоков.

Фронтенд и UI#markdown#react#streaming
5,7 тыс.+9 за неделю324TypeScriptOtherАктивно поддерживаетсяОбновлён позавчера