百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
J

json-render

> 编程语言
开源

基因UI框架

15.8K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

基因UI框架

json - 交出 Generative UI 框架. 从提示中生成动态,个性化的UI,而不牺牲可靠性. 预先定义的组件和行动,用于安全,可预测的输出. 为什么Json投降? json-render是一个Generative UI框架:AI从自然语言提示生成接口,受你定义的组件所约束. 你设置了护栏,AI在其中生成: - Guardrailed - AI只能在目录中使用组件 - 预测 - JSON输出与你的计划匹配,每次 - 快速 - 流并随着模型的响应而逐渐变换 - Cross-Platform - React, Vue, Svelte, Solid (web), React Introduct (mobile) - 电池 - 36个预建的shadcn/ui组件准备使用快起步 1. 定义您的目录... 2. 定义您的组件 tsx 导入 { 定义Registry, 渲染 } 从“ @json- render/ react” ; const { regi } = 定义 Regi..

GitHub Issues· 0 开放

在 GitHub 查看全部

暂无开放 Issues,或尚未同步最近议题。

核心特点

  • •Guardrailed - AI can only use components in your catalog
  • •Predictable - JSON output matches your schema, every time
  • •Fast - Stream and render progressively as the model responds
  • •Cross-Platform - React, Vue, Svelte, Solid (web), React Native (mobile) from the same catalog
  • •Batteries Included - 36 pre-built shadcn/ui components ready to use
  • •{ "$state": "/state/key" } - reads a value from the state model
  • •{ "$cond": <condition>, "$then": <value>, "$else": <value> } - evaluates a condition and picks a branch
  • •{ "$template": "Hello, ${/user/name}!" } - interpolates state values into strings
  • •{ "$computed": "fn", "args": { ... } } - calls a registered function with resolved args
  • •http://json-render.localhost:1355 - Docs & Playground

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言