Repolode
Submit
thesysdev

thesysdev/open-intelligent-ui

An open-source Next.js demo that recreates ChatGPT's Intelligent UI, streaming model answers as interactive maps, charts, forms and working tools built on OpenUI.

Open-source alternative to:ChatGPT

View on GitHubWebsite
Stars
608
Forks
48
Open issues
27
Last commit
2 days ago

What is it?

Open Intelligent UI reproduces the interactive answer experience of ChatGPT's Intelligent UI. A request such as planning a day in San Francisco returns a generated interface with a map, photos and an editable itinerary instead of plain text. The model streams OpenUI Lang, and the app renders it with a component library whose layout is arranged by the model itself.

The component library covers layout, text, inputs, charts, tables, MapLibre maps, SVG drawing and sandboxed HTML views. Answers can hold state through `$variables` and compute with roughly 59 built-in `@functions` for lists, numbers, dates, text and dashboard aggregations, so the output can behave as a small working tool rather than a static page.

The chat can use OpenUI Cloud, any OpenAI-compatible Chat Completions API such as OpenRouter, or a local model through Ollama. The project is MIT-licensed and requires Node 24, and includes a dev-only gallery page and a benchmark script.

Key features

  • 01Renders model answers as interactive UI with maps, charts, tables, forms and inputs.
  • 02Keeps answer state in variables and computes values with built-in functions.
  • 03Includes MapLibre maps with markers, categories and street routes.
  • 04Supports OpenUI Cloud, any OpenAI-compatible API, or a local Ollama model.
  • 05Provides a dev-only gallery of components and example programs.

Use cases

  • Prototyping generative chat interfaces that answer with tools instead of text.
  • Building trip planners, dashboards or calculators inside an AI chat product.
  • Experimenting with local or alternative LLM providers for generative UI.

Quick start

  1. 1

    Copy the environment file

    cp .env.example .env
  2. 2

    Install dependencies

    npm install
  3. 3

    Generate the API key into .env

    npm run generate:apiKey
  4. 4

    Start the dev server and open http://localhost:3000

    npm run dev

Things to know

  • Requires Node 24 and an OpenUI Cloud key, or a separate OpenAI-compatible API key, to generate answers.
  • Street routes use the public OSRM demo server and show only road overviews, not walking or transit directions.
  • The README describes this as a demo recreating a ChatGPT feature, not a production library.
  • Running a local model needs a large download (about 18 GB by default) and substantial memory.

Topics

#generative-ui#react#nextjs#llm#chat-ui#streaming-ui#maplibre#agents#ai#ai-agents

FAQ

What is open-intelligent-ui?
An open-source Next.js demo that recreates ChatGPT's Intelligent UI, streaming model answers as interactive maps, charts, forms and working tools built on OpenUI. Open Intelligent UI reproduces the interactive answer experience of ChatGPT's Intelligent UI. A request such as planning a day in San Francisco returns a generated interface with a map, photos and an editable itinerary instead of plain text. The model streams OpenUI Lang, and the app renders it with a component library whose layout is arranged by the model itself.
Is open-intelligent-ui free to use? What license does it have?
open-intelligent-ui is open source under the MIT license. Check the license terms before using it in commercial products.
Is open-intelligent-ui still maintained?
Actively maintained. The last commit to open-intelligent-ui was on Oct 17, 2026.
What can I use open-intelligent-ui for?
Prototyping generative chat interfaces that answer with tools instead of text. Building trip planners, dashboards or calculators inside an AI chat product. Experimenting with local or alternative LLM providers for generative UI.
How do I install open-intelligent-ui?
Copy the environment file: cp .env.example .env Install dependencies: npm install Generate the API key into .env: npm run generate:apiKey Start the dev server and open http://localhost:3000: npm run dev
Where can I get open-intelligent-ui?
The source code and installation instructions are on GitHub: https://github.com/thesysdev/open-intelligent-ui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects