Cross-platform generative UI — from live widgets to team Kanban boards.
Languages: 🇺🇸 English · 🇨🇳 中文 · 🇫🇷 Français · 🇯🇵 日本語 · 🇳🇿 English (NZ) · 🇮🇹 Italiano · 🇪🇸 Español
Ask an LLM to visualize something and get a live interactive widget — sliders, charts, animations, dashboards — rendered in an Electron window or browser tab. Not a screenshot. Not a code block. A real HTML application streaming live as the LLM generates it.
Born as a Windows port of pi-generative-ui, this project has evolved into a comprehensive development toolkit with MCP server integration, persistent Kanban boards, task dispatch, and cross-session collaboration.
- Live widget rendering — morphdom DOM diffing, streaming HTML, full browser capabilities (Canvas, WebGL, Chart.js, D3, Three.js)
- Bidirectional communication — widgets send data back via WebSocket (~1ms latency)
- Visual Kanban board — cross-session monitoring, daily reports, milestone tracking, task dispatch
- MCP server — drop-in server with 3 CLI binaries:
generative-ui-win,generative-ui-kanban,generative-ui-sync
npm install -g generative-ui-winClaude Code MCP setup (~/.claude/settings.json):
{
"mcpServers": {
"generative-ui": {
"command": "npx",
"args": ["-y", "generative-ui-win"]
}
}
}Requires Node.js 18+. Electron is optional — browser mode works without it.
Full documentation is available in multiple languages inside i18n/:
| Language | File |
|---|---|
| 🇺🇸 English | en/README.md |
| 🇨🇳 中文 | zh/README.md |
| 🇫🇷 Français | fr/README.md |
| 🇯🇵 日本語 | ja/README.md |
| 🇳🇿 English (NZ) | nz/README.md |
| 🇮🇹 Italiano | it/README.md |
| 🇪🇸 Español | es/README.md |
Each language version includes: overview, core features, install instructions, quick start, architecture, API reference, Kanban board docs, comparison with the original, and project structure.
MIT