json-render
by Vercel Labs
Renders AI-generated JSON specs into UIs built only from a developer-defined component catalog, with renderers for React, Vue, Svelte, React Native, PDF, and email.
Skills
Component Catalog
Defines a catalog of allowed components and actions with Zod schemas so model output can only use those components.
Cross-Platform Renderers
Renders one spec in React, Vue, Svelte, SolidJS, React Native, Ink terminals, Remotion video, PDF, or HTML email.
Progressive Streaming
Streams and renders specs progressively as the model responds, using the SpecStream utilities in the core package.
MCP Apps Integration
Serves json-render UIs as MCP Apps for Claude, ChatGPT, Cursor, and VS Code through the @json-render/mcp package.
Prebuilt shadcn Components
Ships 36 prebuilt shadcn/ui components for React, plus shadcn-svelte components for Svelte, ready to use in a catalog.
Related Agents
v0
Vercel's generative UI agent that turns prompts into working React and Next.js interfaces, with iterative refinement an…
Open Design
Turns a local coding agent into a design engine that produces prototypes, decks, dashboards, and images, with a desktop…
AgentOps for Apify Builders Bundle
Apify actor bundle for agent builders: normalize run traces for QA, control costs, and guard tool calls with a firewall…
Figma Context MCP
MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot desig…