▲ 149 today19.5k starsTypeScriptHN ×1
AI-powered UI builder that streams components from prompts
What is json-render?
json-render turns a natural-language description of a UI into JSON that maps to real components you define. It works across React, Vue, Svelte, React Native, Next.js and even 3-D scenes, streaming the output as the model replies.
Who it is for
Front-end developers and product teams can prototype personalized interfaces instantly without writing boilerplate code.
Try it in 60 seconds
npm install @json-render/core @json-render/react
Apache-2.0 licenseUpdated todayTypeScript131 open issues
New projects are not vetted. Skim the code, and run it in a fresh folder or a container before giving it your files or keys.
The story so far
Early Signal first spotted vercel-labs/json-render on November 8, 2026, when it had 19.4k GitHub stars. It now has 19.5k. On its busiest day it gained 149 stars. It is published under the Apache-2.0 license and has 1k forks. It has been discussed in 1 Hacker News thread, the top one with 2 points. Early Signal files it under Video.
Questions about json-render
- Is json-render free and open source?
- Yes. vercel-labs/json-render is open source under the Apache-2.0 license, and the code is on GitHub at https://github.com/vercel-labs/json-render.
- How do I try json-render?
- npm install @json-render/core @json-render/react