- Thesys vừa tung OpenUI v0.5 — bản nâng cấp đưa generative UI từ chat sang full app.
- State, data, actions chạy qua component library đăng ký sẵn, LLM không sinh code thô nên xoá luôn rủi ro arbitrary code execution.
- Token rẻ hơn 67%, render nhanh hơn 3 lần so với JSON-render.
TL;DR
OpenUI v0.5 là bản open-source mới nhất từ Thesys, vừa được Rabi Guha công bố trên X. Nếu v0.1 chỉ giúp LLM dựng UI cho chat, thì v0.5 cho phép LLM build full app — quản lý state, data, actions thông qua một component library đã đăng ký sẵn. Khác biệt cốt lõi: LLM không sinh raw code, nên không có rủi ro arbitrary code execution. Bonus: token ít hơn JSON 67%, render nhanh hơn 3×, malformed output gần như 0%.
Có gì mới ở v0.5
Cú nhảy lớn nhất từ v0.1 sang v0.5 là phạm vi: từ chat UI lên full app. Cụ thể, v0.5 mang vào ba primitive mà trước đây phải tự ghép tay:
- State — components reactive, có input, có local state, không cần wire-up thủ công.
- Data — query tools và MCP servers chạy ngay trong runtime, LLM gọi để lấy live data.
- Actions — button, form, click handler được nối thẳng vào tool calls, không phải parse text response rồi tự dispatch.
Nói cách khác, model bây giờ có thể nói "hiển thị dashboard này, kéo dữ liệu từ API kia, khi user bấm nút thì gọi tool nọ" — và OpenUI render ra app thật, không phải text mô tả app.
Tại sao quan trọng
Hai bài toán nhức nhối nhất khi build AI app năm 2026 đều được v0.5 chạm đến.
1. Bảo mật khi LLM sinh UI. Cách tiếp cận "để LLM viết React/HTML rồi eval" mở ra cửa cho prompt-injection biến thành XSS hoặc tệ hơn. OpenUI không cho phép điều đó — model chỉ được chọn từ component vocabulary đã đăng ký bằng defineComponent + createLibrary. No arbitrary code execution.
2. Cost & reliability của JSON-render. Pattern phổ biến (Vercel AI SDK, OpenAI structured output) là bảo LLM trả JSON tả UI. Vấn đề: JSON dài, đắt token, và LLM hay sinh JSON malformed. OpenUI Lang dùng cú pháp dạng code — đúng phân phối training của LLM — nên ngắn hơn, ít lỗi hơn.
Technical facts
| Metric | OpenUI Lang | JSON-Render |
|---|---|---|
| Token cost | −67% (52.8% giảm vs Vercel JSON-Render) | baseline |
| Tốc độ render | 3× nhanh hơn | baseline |
| Malformed output | ~0% | cao hơn đáng kể |
| Streaming | Native, progressive parse | Phải đợi JSON valid |
Pipeline: Component Library → System Prompt → LLM → OpenUI Lang Stream → Renderer → Live UI. Stack TypeScript (86.9% codebase), 4 package React:
@openuidev/react-lang— core runtime@openuidev/react-headless— chat state & streaming@openuidev/react-ui— prebuilt layouts@openuidev/cli— scaffolding
Bắt đầu bằng một dòng:
npx @openuidev/cli@latest create --name genui-chat-appSo sánh nhanh với các pattern khác
vs raw code generation (LLM viết JSX trực tiếp): OpenUI an toàn hơn vì component được đăng ký trước; LLM không hallucinate API mới được.
vs JSON-render (Vercel AI SDK): OpenUI rẻ hơn 67% token, nhanh hơn 3×, và tỉ lệ malformed thấp hơn nhiều — vì cú pháp giống code, đúng cái LLM được train.
vs v0.1: v0.1 chỉ lo phần chat. v0.5 thêm reactive state, tool-connected actions, MCP-driven live data — đủ để build cả app, không chỉ assistant.
Use cases & integrations
Ai sẽ thích v0.5:
- Team build copilot & assistant muốn trả lời bằng chart/form/table thay vì block text dài.
- Internal tools dùng agent — agent tự pick UI hợp với từng request (đã có integration Metabase × OpenUI trên community).
- App chat-driven analytics — chart streaming theo từng token model sinh ra.
- Bất kỳ ai đang dùng Vercel AI SDK, LangChain, CrewAI, OpenAI Agents SDK, Anthropic Agents SDK, Google ADK — và đã đụng trần token cost / malformed JSON.
Hỗ trợ model rộng: OpenAI (GPT), Anthropic (Claude), Google Gemini, Mistral, xAI, DeepSeek, Ollama. UI library: OpenUI Design System, ShadCN, Material Design, DaisyUI, Base UI, Radix. Vue và React Native cũng có nhưng độ chín khác nhau.
Limitations & pricing
OpenUI hoàn toàn open-source dưới giấy phép MIT — miễn phí, không có paid tier cho framework. Thesys (công ty) bán managed Generative UI infrastructure như sản phẩm thương mại riêng.
Cần lưu ý:
- Phải đầu tư công sức ban đầu để đăng ký component library — không thể "vibe-code" UI mà bỏ qua bước scaffold (đây là cái giá của security model).
- React-first; Vue và React Native có nhưng còn non.
- Mới release (Product Hunt 11/3/2026, đạt #4 daily với 340 upvotes) — ecosystem và best practice vẫn đang định hình.
What's next
Roadmap signal từ launch: deeper Vue / React Native, thêm component library first-party, MCP integration đã chỉ tốn 2 dòng theo phản hồi cộng đồng. Thesys song song xây hosting / infra thương mại trên cùng spec mở.
Nếu đang viết AI app mà vẫn trả về text rồi tự render markdown — v0.5 đáng test thử cuối tuần. Một npx là chạy.
Nguồn: openui.com, GitHub thesysdev/openui, Thesys blog, @rabi_guha announcement.
