Repolode
thesysdev

thesysdev/openui

Не зависящий от фреймворка инструментарий Generative UI на базе OpenUI Lang — компактного потокового языка, с помощью которого LLM создают отображаемый UI из вашей библиотеки компонентов.

Звёзды
12,028
Форки
820
Открытые issues
169
Последний коммит
5 часов назад

Что это?

OpenUI — фреймворк Generative UI, который позволяет языковым моделям создавать элементы интерфейса вместо обычного текста. В основе лежит OpenUI Lang — компактный язык, рассчитанный на потоковую передачу. Разработчики задают компоненты, доступные модели, инструментарий генерирует системный промпт на основе этой библиотеки, а затем разбирает и постепенно отображает потоковый вывод модели по мере поступления токенов.

Ядро, не зависящее от фреймворка, дополняют рантаймы для React, Vue, Svelte и Angular. В пакеты для React также входят готовые макеты чатов и две встроенные библиотеки компонентов с графиками, формами, таблицами и макетами. Дополнительные пакеты предназначены для агентов LangChain и LangGraph, протокола A2UI, генерации писем с помощью React Email и браузерного бандла для встраивания через CDN или iframe.

По данным проекта, OpenUI Lang использует до 67% меньше токенов, чем эквивалентный JSON; в репозитории есть набор бенчмарков. CLI одной командой создаёт каркас работающего чат-приложения.

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

  • 01Потоковый рендерер постепенно отображает UI, сгенерированный моделью, по мере поступления токенов.
  • 02Генерация промпта напрямую из библиотеки компонентов, доступных модели.
  • 03Рантаймы для React, Vue, Svelte и Angular на базе ядра, не зависящего от фреймворка.
  • 04Готовые макеты чатов для React и встроенные компоненты графиков, форм, таблиц и макетов.
  • 05Интеграция с LangChain и LangGraph, которая передаёт OpenUI через AG-UI.
  • 06Типизированные контракты компонентов на базе Zod для пропсов и структуры.

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

  • Создание AI-ассистента или копилота, который отвечает с помощью интерактивных графиков, форм или таблиц.
  • Ограничение вывода модели проверенным набором компонентов в рабочем продукте.
  • Добавление сгенерированного UI в бэкенд агента LangGraph с фронтендом на React.
  • Встраивание сгенерированных интерфейсов в iframe или статическую страницу с помощью браузерного бандла.

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

  1. 1

    Создайте каркас нового приложения с помощью CLI

    npx @openuidev/cli@latest create --name genui-chat-app

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

  • В README описан быстро развивающийся проект с множеством пакетов, поэтому API могут измениться.
  • Чтобы использовать созданное приложение с работающей моделью, необходим доступ к собственному провайдеру LLM.

Темы

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

Что такое openui?
Не зависящий от фреймворка инструментарий Generative UI на базе OpenUI Lang — компактного потокового языка, с помощью которого LLM создают отображаемый UI из вашей библиотеки компонентов. OpenUI — фреймворк Generative UI, который позволяет языковым моделям создавать элементы интерфейса вместо обычного текста. В основе лежит OpenUI Lang — компактный язык, рассчитанный на потоковую передачу. Разработчики задают компоненты, доступные модели, инструментарий генерирует системный промпт на основе этой библиотеки, а затем разбирает и постепенно отображает потоковый вывод модели по мере поступления токенов.
openui можно использовать бесплатно? Какая у него лицензия?
openui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
openui всё ещё поддерживается?
Активно поддерживается. Последний коммит в openui — 19 окт. 2026 г..
Для чего можно использовать openui?
Создание AI-ассистента или копилота, который отвечает с помощью интерактивных графиков, форм или таблиц. Ограничение вывода модели проверенным набором компонентов в рабочем продукте. Добавление сгенерированного UI в бэкенд агента LangGraph с фронтендом на React. Встраивание сгенерированных интерфейсов в iframe или статическую страницу с помощью браузерного бандла.
Как установить openui?
Создайте каркас нового приложения с помощью CLI: npx @openuidev/cli@latest create --name genui-chat-app
Где скачать openui?
Исходный код и инструкции по установке — на GitHub: https://github.com/thesysdev/openui

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

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

Платформа для запуска AI-коллег на собственной инфраструктуре: у каждого агента свой браузер, файлы и инструменты, а все действия контролируются политиками и журналируются.

6,7 тыс.919TypeScriptMITОбновлён 13 часов назад