Spec 渲染实验台
json-render
vercel-labs/json-render · $state / $cond / visible / setState
← 返回项目详情
汇总
JSON Spec
valid
当前状态树 $state(点右侧按钮实时变更)
预设 Spec
仪表盘
交互 Tab 切换
条件告警
渲染结果
mini catalog:Card/Metric/Row/Button/Alert/Text/Badge
求值语义复刻自
json-render 官方文档
Dynamic Props / Conditional Visibility 章节:
$state
读状态、
$cond
条件取值、
$template
插值、
visible
全 AND 条件、Button 的
setState
动作改状态后全量重求值。真实框架里这些是流式的(SpecStream),且组件可以是 shadcn/3D/视频——这里是语义等价的静态缩小版。