OpenUI: Make AI chat apps answer with charts, forms and tables

What it does

You choose which interface components the model is allowed to use, such as charts, forms, tables and layouts. OpenUI turns that list into a system prompt (the standing instructions sent to the model). The model answers in OpenUI Lang, a compact text format for describing screens, and a renderer draws the components in the browser as the answer streams in, piece by piece. The creators say OpenUI Lang uses up to 67% fewer tokens than JSON.

How to use it

Input → action → output: run the starter command to scaffold a chat app, connect it to your model, then type a request. Instead of a block of text, the reply appears as working components, for example a table or a form, building up on screen as the model writes.

Common use cases

• Ask a support copilot about recent orders and get back a sortable table and a chart instead of a paragraph of numbers.
• Describe a sign-up flow in a chat and get a working form rendered from your own approved component set.
• Use the email package to have a model draft a styled email from React Email components and export it as HTML.