YH-UI Ships a Vue 3.5+ Component Library with Built-In AI Chat, Workflow Editor, and Request Layer
Vue teams building AI chat UIs or complex admin panels typically stitch together a half-dozen libraries for Markdown rendering, streaming, workflow canvases, and request handling. YH-UI collapses those concerns into one dependency with first-party SSE support and undo-ready flow editing, cutting integration work and version-conflict risk.
YH-UI bundles a full AI interaction suite — chat bubbles with typewriter streaming, thought-chain folding, and a sandboxed code runner — directly into a Vue component library. A drag-and-drop flow editor tracks connection changes in a history snapshot so undo and redo work out of the box, and a built-in Gantt chart handles large datasets with dependency lines and smooth timeline scrolling.
The library ships its own request client, @yh-ui/request, which adds request-level caching, concurrency queues, and SSE auto-reconnect with cross-chunk buffering to avoid JSON.parse failures. A runtime CSS-variable theme system supports dark mode, layout density switching, and a color-blind friendly palette.
On-demand imports work through unplugin-vue-components, and the docs include a one-click export to StackBlitz or CodeSandbox that bundles the demo’s dependencies automatically. The project targets teams building AI assistants, data dashboards, and collaborative admin tools.
Bundling a request client with SSE reconnect into a UI library is unusual; most component libraries leave network concerns to the application layer, but here it removes a common source of stream-parsing bugs.
The flow editor’s automatic history snapshots for connection changes address a pain point that typically requires custom state management, making it practical for production workflow builders without extra plumbing.
Shipping a color-blind friendly mode as a first-class theme option is still rare in component libraries and signals attention to accessibility that enterprise buyers increasingly require.