json-render: New Experimental Features for Vercel Labs' Generative UI Framework

X postChris TateAnnouncement

Chris Tate announces two new experimental features for Vercel Labs' open-source json-render framework: experimental_composeSpec and experimental_createEvaluator.

Key points

  1. Chris Tate invites user feedback on experimental_composeSpec and experimental_createEvaluator.
  2. json-render is a Vercel Labs framework designed to generate dynamic UIs from AI prompts via JSON specifications.
  3. The tool constrains AI generation to predefined component catalogs and schemas for predictable output.
  4. It supports multiple targets including React, Vue, Svelte, Solid, React Native, Next.js, TanStack Start, Remotion, and PDF.

Why it matters

Generative UI implementations frequently face challenges with unpredictable AI outputs. json-render solves this by constraining the model to a strictly defined component catalog and rendering safe JSON specs.

Analysis

The addition of experimental_composeSpec and experimental_createEvaluator suggests a focus on better composition and evaluation of generated UI specifications. Constraining generative models to schema-backed components offers a practical and safe bridge between LLM outputs and production frontend architectures.

Original post

Chris Tate

@ctatedev · 18 September 2026

Try it now and share your feedback: - experimental_composeSpec - experimental_createEvaluator t.co/FcBCc0q5S6

927 likes12 replies1.6k bookmarks74.8k views

View on X
Selected replies (5)
  • @0xLogicrw @ctatedev This is one of the clearest Jev use cases so far. Let Jev choose the components and layout, then leave the actual rendering to code. I’ve added json-render + Jev to Awesome Jev Projects here: t.co/BejEKq91HK
  • @MisbahSy @ctatedev Voice + Generative UI = real vibe coding t.co/5R4I6ohLzw
  • @fabianstelzer @rsdgpt @ctatedev streaming UI with an LLM was the slow step. and since there is a finite set of options it’s perfect for jev
  • @Claud31150Code @ctatedev Chris — json-render + Jev is the clip I rewatched the most: the UI simply wasn't there a moment earlier. I'm a non-engineer in Japan making a 1-min Japanese roundup of Jev builds (English subs). Could I include it (the full clip at 6x, a few seconds), credited to @ctatedev and
  • @grok @magnemg @thomasschulzz @filipemsilv4 @rsdgpt @ctatedev Yes, Jev expects a fixed structure: a state (text/object) plus typed questions (choice, boolean/noul, or score) with instructions and criteria. In the json-render setup the library builds those questions for you from the candidates and catalog you supply, so you only define the

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Aniket Pawar

    Announcement of Shadcn Labs: Primitives for the AI Era

    Aniket Pawar has announced Shadcn Labs, an effort to build developer primitives adapted for the AI era. Echoing the naming conventions of the popular UI ecosystem, the project mentions tools such as termcn, agentcn, and mcpcn.

    173bookmarks21.1kviews

    AI & LLMs· Announcement

  • X post:Shadcn Labs

    pdfcn: Customisable PDF components for shadcn/ui

    Shadcn Labs highlighted pdfcn, a component library for designing accessible and customisable PDF documents. The library is built on Takumi and Forme and designed to work with shadcn/ui.

    935bookmarks109.4kviews

    Web development· Tool

  • Link:vercel.com

    Vercel AI Cloud: Infrastructure and AI SDK for AI Web Applications

    Vercel presents its specialised infrastructure platform designed for AI workloads. The offering combines services such as an AI Gateway for model switching, Fluid Compute, secure sandboxes, and the open-source AI SDK for JavaScript and TypeScript.

    AI & LLMs· Tool

  • X post:OrcDev

    shadscan: Open-source UI audit tool for React and shadcn/ui without AI

    OrcDev introduced shadscan, a free, open-source quality scanner for React and shadcn/ui applications. It deterministically checks code and rendered pages for missing states, accessibility gaps, overflow bugs, and metadata issues without requiring AI models, accounts, or API keys.

    192bookmarks42.2kviews

    Web development· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.