Json Render

React

Render React components from JSON specs with state, visibility, and external stores

Core

Define schemas and catalogs for AI-generated UI and video specs

Codegen

Easily generate code from UI specs using traversal and serialization tools

Mcp

Build interactive UIs for AI tools using json-render and MCP

React Pdf

Generate PDF documents from JSON specs using React components with no manual layout

React Three Fiber

Create 3D scenes from JSON with 19 premade React Three Fiber components

Shadcn

Quickly add shadcn UI components to your json-render catalogs for web apps

Zustand

Use a Zustand store as the state backend for json-render applications

React Native

Convert JSON specs into native mobile UIs with React Native

Remotion

Generate videos from JSON timelines with standard and custom Remotion components

Image

Easily transform your JSON specs into sharp SVG and PNG images

Remotion Best Practices

Master Remotion best practices for video creation in React with ease

Vue

Turn JSON specs into Vue UI components with data binding and actions

React Email

Convert JSON specs into HTML or plain text emails using React Email

Ink

Build interactive terminal UIs from JSON specs with standard components and data binding

Skill Creator

Guide to building skills that extend Claude with domain expertise and tools

Svelte

Turn JSON specs into Svelte UI components quickly and easily

Redux

Bridge Redux and json-render for smooth state management with Redux Toolkit

Jotai

Connect Jotai atoms as the state backend for json-render seamlessly

Shadcn Svelte

Ready-made Svelte 5 UI components with Tailwind CSS for json-render apps

Xstate

Use XState Store atoms as the state backend for json-render apps

Solid

Easily render JSON specs into SolidJS UI components with fast reactivity

Yaml

Stream YAML data, generate AI prompts, and apply edits with ease