openui

OpenUI é um framework de código aberto para construir aplicações de UI generativa, onde modelos de IA produzem interfaces de usuário estruturadas e interativas em vez de texto simples. Em seu núcleo está o OpenUI Lang, uma linguagem compacta e orientada a streaming, projetada especificamente para saída de UI gerada por modelos. O framework é agnóstico de renderização, ou seja, não é vinculado a um único framework de frontend, embora inclua suporte oficial a React e bindings mantidos pela comunidade para Vue 3 e Svelte 5. O fluxo de trabalho central é direto: desenvolvedores definem ou reutilizam uma biblioteca de componentes (gráficos, formulários, tabelas, layouts, etc.), o OpenUI gera um prompt de sistema a partir dessa biblioteca, o prompt é enviado a um LLM, e o modelo transmite a saída do OpenUI Lang de volta ao cliente, onde um renderizador progressivamente analisa e renderiza a UI conforme os tokens chegam. Esse design orientado a streaming significa que os usuários veem a interface sendo construída em tempo real, em vez de esperar por uma resposta completa. Um diferencial chave é a eficiência de tokens. Benchmarks medidos com tiktoken (codificador GPT-5) em sete cenários de UI mostram que o OpenUI Lang usa até 67% menos tokens do que formatos equivalentes baseados em JSON, com uma redução média de cerca de 52,8% em comparação com o JSON-Render da Vercel e 51,7% em comparação com o Thesys C1 JSON. Contagens menores de tokens se traduzem em latência reduzida, custos de API mais baixos e tempo mais rápido para o primeiro pixel. O projeto é organizado como um monorepo com vários pacotes. @openuidev/lang-core fornece parsing agnóstico de framework, geração de prompts e avaliação em tempo de execução, sem dependência de React, Vue ou Svelte. @openuidev/react-lang lida com runtimes de renderização React, definições de biblioteca de componentes e geração de prompts. @openuidev/react-headless oferece gerenciamento de estado de chat headless e adaptadores de streaming para equipes que desejam trazer sua própria UI. @openuidev/react-ui fornece layouts de chat pré-construídos e duas bibliotecas de componentes integradas para o caminho mais rápido até uma experiência de chat funcional. @openuidev/react-email adiciona definições de componentes de email React para emails gerados por modelo. @openuidev/langchain integra-se com agentes LangChain e LangGraph, transmitindo OpenUI através de AG-UI. @openuidev/browser-bundle inclui um pacote de script-tag pré-construído para CDN, iframe e embeds sem build. @openuidev/cli cria novos projetos e gera prompts de sistema ou esquemas JSON a partir de definições de biblioteca. Contratos de componentes são definidos com esquemas Zod, fornecendo props e estrutura tipadas antecipadamente. O framework suporta busca de dados integrada, saída multiplataforma (web, mobile, email) e formatação de saída consistente. Um Playground está disponível em openui.com/playground para experimentação ao vivo com a biblioteca de componentes padrão.\nO OpenUI também inclui uma Skill de Agente que se integra com assistentes de codificação de IA como Claude Code, Codex, Cursor e Copilot, cobrindo design de biblioteca de componentes, sintaxe OpenUI Lang, geração de prompts de sistema, o Renderer, pacotes SDK e depuração de saída malformada de LLM. O projeto é licenciado sob MIT e mantido pela Thesys, com uma comunidade ativa no Discord e uma lista crescente de adotantes.