{
 "schema_version": 1,
 "generated": "2026-10-20",
 "repo": "thesysdev/openui",
 "name": "openui",
 "owner": "thesysdev",
 "slug": "thesysdev-openui",
 "github": "https://github.com/thesysdev/openui",
 "what": "OpenUI is an open, framework-agnostic Generative UI framework that lets models stream structured UI, built around the compact OpenUI Lang and runtimes for React, Vue, Svelte, and Angular.",
 "why": "",
 "language": "TypeScript",
 "requirements": [
  "Node.js with npm and npx, since the README install and scaffold commands use them",
  "An LLM provider you can call from your backend, because OpenUI sends a generated system prompt to your model",
  "A component library to use or define; the README provides built-in libraries in @openuidev/react-ui"
 ],
 "audience_note": "Front-end and full-stack developers building AI chat assistants or copilots who need model output rendered as live UI instead of plain text.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/thesysdev-openui/",
 "use_case_count": 5,
 "use_cases": [
  {
   "id": "thesysdev-openui--scaffold-genui-chat-app",
   "title": "Scaffold a streaming generative UI chat app",
   "best": true,
   "url": "https://dedupedai.com/use-cases/thesysdev-openui/scaffold-genui-chat-app/",
   "json": "https://dedupedai.com/use-cases/u/thesysdev-openui/scaffold-genui-chat-app.json"
  },
  {
   "id": "thesysdev-openui--add-openui-rendering-to-react-app",
   "title": "Add streamed OpenUI rendering to a React app",
   "best": false,
   "url": "https://dedupedai.com/use-cases/thesysdev-openui/add-openui-rendering-to-react-app/",
   "json": "https://dedupedai.com/use-cases/u/thesysdev-openui/add-openui-rendering-to-react-app.json"
  },
  {
   "id": "thesysdev-openui--generate-prompts-on-backend-lang-core",
   "title": "Generate model prompts from a component list on the server",
   "best": false,
   "url": "https://dedupedai.com/use-cases/thesysdev-openui/generate-prompts-on-backend-lang-core/",
   "json": "https://dedupedai.com/use-cases/u/thesysdev-openui/generate-prompts-on-backend-lang-core.json"
  },
  {
   "id": "thesysdev-openui--stream-langchain-agent-into-openui",
   "title": "Stream a LangChain agent's output as live UI",
   "best": false,
   "url": "https://dedupedai.com/use-cases/thesysdev-openui/stream-langchain-agent-into-openui/",
   "json": "https://dedupedai.com/use-cases/u/thesysdev-openui/stream-langchain-agent-into-openui.json"
  },
  {
   "id": "thesysdev-openui--render-openui-in-vue-svelte-or-angular",
   "title": "Render streamed OpenUI in a Vue, Svelte, or Angular app",
   "best": false,
   "url": "https://dedupedai.com/use-cases/thesysdev-openui/render-openui-in-vue-svelte-or-angular/",
   "json": "https://dedupedai.com/use-cases/u/thesysdev-openui/render-openui-in-vue-svelte-or-angular.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}