Generative UI for LLMs
LLMs write markdown and drop interactive UI components in the same stream — charts, buttons, forms, tables, cards. No custom DSL, no JSON blocks.
pnpm add @mdocui/core @mdocui/react
What the LLM writes
Markdoc syntax, zero friction
The LLM streams plain text with {% tag %} delimiters. The streaming parser tokenizes each chunk as it arrives and renders live UI components — stats, charts, tables, forms — inline with prose.
No JSON schema negotiation. No tool calls. No post-processing. The model just writes, and users see rich interactive UI appear character by character.
Built for real-time AI interfaces
24 Components
Layout, interactive, data, and content components out of the box.
Streaming Parser
Character-by-character tokenizer handles partial chunks in real-time.
Zero Config Prose
Built-in markdown rendering. No react-markdown dependency needed.
CLI Scaffolder
`npx mdocui init` detects your framework and generates everything.
Error Boundaries
One broken component won't crash your chat. Graceful per-component recovery.
Theme Neutral
Components use currentColor/inherit. Your theme, your rules.
Packages
@mdocui/core
Streaming parser, registry, prompt generator
Available@mdocui/react
24 components, Renderer, useRenderer hook
Available@mdocui/cli
Scaffold, generate, preview
Available@mdocui/vue
Vue renderer
@mdocui/svelte
Svelte renderer
Write mdocUI markup and see it render live
Roadmap
@mdocui/core
Streaming parser, registry, prompt generator
@mdocui/react
24 components, Renderer, useRenderer hook
@mdocui/vue
Vue renderer with the same 24 components
@mdocui/svelte
Svelte renderer
VS Code Extension
Syntax highlighting and autocomplete for {% %} tags
v1.0.0
Stable API, frozen component props, CHANGELOG