openui

OpenUI es un marco de trabajo de código abierto diseñado para construir aplicaciones de Interfaz Generativa, donde los modelos de inteligencia artificial producen interfaces de usuario estructuradas e interactivas en lugar de texto plano. En su núcleo se encuentra OpenUI Lang, un lenguaje compacto y orientado al streaming, diseñado específicamente para la salida de UI generada por modelos. El framework es agnóstico al renderizador, lo que significa que no está vinculado a un único framework frontend; sin embargo, incluye soporte oficial para React y enlaces mantenidos por la comunidad para Vue 3 y Svelte 5. El flujo de trabajo central es sencillo: los desarrolladores definen o reutilizan una biblioteca de componentes (gráficos, formularios, tablas, diseños, etc.), OpenUI genera un prompt del sistema a partir de esa biblioteca, el prompt se envía a un modelo de lenguaje grande (LLM) y el modelo transmite la salida de OpenUI Lang al cliente, donde un renderizador analiza y muestra progresivamente la UI a medida que llegan los tokens. Este diseño orientado al streaming permite que los usuarios vean cómo se construye la interfaz en tiempo real, sin esperar a una respuesta completa. Un diferenciador clave es la eficiencia de tokens. Las pruebas realizadas con tiktoken (codificador GPT-5) en siete escenarios de UI muestran que OpenUI Lang utiliza hasta un 67% menos de tokens que los formatos equivalentes basados en JSON, con una reducción promedio de aproximadamente el 52,8% en comparación con JSON-Render de Vercel y el 51,7% frente a Thesys C1 JSON. Menor cantidad de tokens se traduce en menor latencia, menores costos de API y un tiempo hasta el primer píxel más rápido. El proyecto está organizado como un monorepo con múltiples paquetes: - @openuidev/lang-core: proporciona análisis, generación de prompts y evaluación en tiempo de ejecución agnósticos al framework, sin dependencias de React, Vue o Svelte. - @openuidev/react-lang: maneja los tiempos de ejecución de renderizado de React, definiciones de bibliotecas de componentes y generación de prompts. - @openuidev/react-headless: ofrece gestión de estado de chat sin cabeza y adaptadores de streaming para equipos que desean aportar su propia UI. - @openuidev/react-ui: proporciona diseños de chat preconstruidos y dos bibliotecas de componentes integradas para la vía más rápida hacia una experiencia de chat funcional. - @openuidev/react-email: añade definiciones de componentes de React Email para correos electrónicos generados por modelos. - @openuidev/langchain: se integra con agentes de LangChain y LangGraph, transmitiendo OpenUI a través de AG-UI. - @openuidev/browser-bundle: entrega un paquete precompilado para etiquetas script, CDN, iframe y embeds sin compilación. - @openuidev/cli: crea nuevos proyectos y genera prompts del sistema o esquemas JSON a partir de definiciones de bibliotecas. Los contratos de componentes se definen mediante esquemas Zod, lo que otorga propiedades tipadas y estructura desde el inicio. El framework admite obtención de datos integrada, salida multiplataforma (web, móvil, correo electrónico) y formato de salida consistente. Hay un Playground disponible en openui.com/playground para experimentar en vivo con la biblioteca de componentes predeterminada. OpenUI también incluye una Agent Skill que se integra con asistentes de codificación por IA como Claude Code, Codex, Cursor y Copilot, cubriendo el diseño de bibliotecas de componentes, sintaxis de OpenUI Lang, generación de prompts del sistema, el Renderizador, paquetes SDK y la depuración de salidas de LLM malformadas. El proyecto está licenciado bajo MIT y mantenido por Thesys, con una comunidad activa en Discord y una lista creciente de adoptantes.