json-render

json-render

AI前端开发框架

Vercel Labs 出品的「生成式 UI」框架,让大模型按预定义组件吐 JSON 而不是吐代码,界面可控不易崩;偏前端工程向,普通用户用不上

它能做什么

  • 按预定义组件与动作从提示词生成动态界面,输出走 JSON schema 保证可控
  • 支持 React、React Native 与 shadcn/ui 组件包
  • 支持导出视频场景
  • 按 Apache-2.0 开源,可用 npm 安装
  • 自带文档站与示例
json-render截图暂不可用
json-render截图暂不可用

适用场景

  • 前端工程师 / 做 AI 生成界面时:怕模型乱输出,用它的组件白名单当渲染层
  • AI 产品团队 / 设计生成能力时:先拿它跑通「一句话生成页面」的组件约束机制
  • AI 应用开发者 / 读源码时:想学一份结构清楚的开源实现,顺着仓库目录看

踩坑提示

  • 访问与速度:GitHub 页面与 raw 文件国内直连正常,但 Release 安装包走 objects.githubusercontent.com,同批次实测多次超时,失败多试几次
  • 功能边界:只解决「模型输出什么 UI」,不动模型能力;版本号仍是 0.x,API 可能变动
  • 长期可用性:Vercel Labs 系列产品历史上出现过停止维护,重要项目建议锁版本并自留分支
  • 使用限制:中文文档与中文示例缺失,读英文 README 是前提

替代方案对比

替代品比它强在哪比它弱在哪什么情况下选这个替代品
Vercel AI SDK同属 Vercel 生态,流式输出与工具调用更成熟不做组件白名单与 UI schema 约束,防幻觉能力弱只是想把模型接进前端时
CopilotKit前后端一体的 Agent UI 方案,功能面更宽体量更重,想只做渲染层时反而累赘要做完整对话式应用时

更在意输出可控与组件安全选 json-render;更在意生态成熟与流式体验选 Vercel AI SDK

资源地址

继续浏览

类似发现

随便逛逛
不知道看什么?让阿卷带你随便逛逛
想要投稿
你也找到了好东西吗?分享给所有人
告诉阿卷
没有找到想要的?告诉阿卷帮你找