Vibe Coding Discoverjson-render
View on GitHubThe Generative UI framework
Vercel Labs' Generative UI framework: an LLM emits JSON specs constrained to a Zod-typed component catalog, which json-render streams and renders safely across React, Vue, Svelte, Solid, React Native, Next.js, Remotion, PDF, email, 3D and terminal targets.
Use Cases
Generate dashboards and reports from natural-language promptsRender AI-generated UIs safely inside chat appsBuild MCP Apps for Claude, ChatGPT, Cursor and VS CodeProduce mobile UIs from prompts with React NativeGenerate video timelines via RemotionCreate PDF documents from JSON specsBuild HTML emails from specs with React EmailGenerate OG/social images via SatoriRender interactive terminal UIs with InkCreate 3D scenes and gaussian splats with React Three FiberCodegen from UI treesAdd i18n and formatting directives to generated UI
Built With
- Language
- TypeScript
- Frameworks
- React · Vue · Svelte · SolidJS · React Native · Next.js · TanStack Start · Remotion · React Three Fiber · Radix UI · Tailwind CSS · Ink · Redux · Zustand · Jotai · XState
Tags
generative-ui · json-spec · streaming · ui-generation · llm · zod-schema · shadcn-ui · react · cross-platform · devtools · mcp · remotion · 3d · pdf · email · codegen