lobehub/lobe-ui

Что это?

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

• 01Компоненты для отображения вывода LLM, в том числе Markdown, кода, диаграмм Mermaid и diff.
• 02Интерфейсы чата и мобильных устройств для разговорных интерфейсов.
• 03Компоненты дашбордов, таблиц данных и форм для админ-панелей.
• 04Светлая и тёмная темы с переключением основных и нейтральных цветов.
• 05В комплект входят текстовые ресурсы на английском и упрощённом китайском языках.
• 06Документация доступна в форматах для чтения агентами, например skills.md и llms.txt.

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

• Создание страницы чата со списком сообщений и полем ввода для AI-ассистента.
• Отображение потокового Markdown и кода, сгенерированных LLM, в веб-приложении.
• Создание админ-панелей или таблиц данных наряду с AI-функциями.
• Добавление светлой и тёмной тем в существующий продукт на React.

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

1. 1

   Установите пакет и его peer dependencies с помощью pnpm

   pnpm add @lobehub/ui @lobehub/icons @lobehub/fluent-emoji motion
2. 2

   Импортируйте тему и CSS стилей, затем оберните приложение в ConfigProvider и используйте такой компонент, как Button

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

• !Требуется React 19; доступно только использование через ESM. Также необходимо установить несколько peer dependencies.
• !При обновлении с версии 5.x в рамках миграции на v6 потребуется отказаться от Ant Design.

В подборках

Темы

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

Что такое lobe-ui?

Библиотека React-компонентов для создания AI-чатов и AIGC-веб-приложений: чат, Markdown, код и интерфейсы админ-панелей. Lobe UI — библиотека React-компонентов, используемая LobeHub и предназначенная для разработчиков, создающих интерфейсы AI-чатов и AIGC-веб-приложения. В неё входят компоненты для отображения вывода LLM: Markdown, блоков кода, диаграмм Mermaid, diff и HTML-превью, а также интерфейсы чата и мобильных устройств.

lobe-ui можно использовать бесплатно? Какая у него лицензия?

lobe-ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

lobe-ui всё ещё поддерживается?

Активно поддерживается. Последний коммит в lobe-ui — 22 окт. 2026 г..

Для чего можно использовать lobe-ui?

Создание страницы чата со списком сообщений и полем ввода для AI-ассистента. Отображение потокового Markdown и кода, сгенерированных LLM, в веб-приложении. Создание админ-панелей или таблиц данных наряду с AI-функциями. Добавление светлой и тёмной тем в существующий продукт на React.

Как установить lobe-ui?

Установите пакет и его peer dependencies с помощью pnpm: pnpm add @lobehub/ui @lobehub/icons @lobehub/fluent-emoji motion Импортируйте тему и CSS стилей, затем оберните приложение в ConfigProvider и используйте такой компонент, как Button

Где скачать lobe-ui?

Исходный код и инструкции по установке — на GitHub: https://github.com/lobehub/lobe-ui