Chat
AI chat app with tool calling, streaming UI, and rich components powered by the AI SDK.
ReactNext.jsAI
eve TanStack Agent
Web chat built on eve and TanStack Start, where the agent replies with result cards, metrics, and tables.
ReactTanStack StartAI
Dashboard
AI-generated dashboard with drag-and-drop, charts, and real-time data binding.
ReactNext.jsAI
No AI
Static specs rendered without any AI — forms, cards, tables, and more from hardcoded JSON.
ReactNext.js
Svelte
Svelte renderer demo with counter, todo list, and two-way data binding.
SvelteVite
Svelte Chat
AI chat app built with SvelteKit and the Svelte renderer.
SvelteSvelteKitAI
Vue
Vue renderer demo with counter, todo list, and two-way data binding.
VueVite
Solid
Solid renderer demo with counter, todo list, and two-way data binding.
SolidVite
Multi-Framework Renderers
Same spec rendered with React, Vue, Svelte, and Solid side by side — hot-swappable at runtime.
ReactVueSvelteSolidVite
React Email
Generate HTML and plain-text emails from json-render specs using React Email.
ReactEmail
React PDF
Generate PDF documents from json-render specs with @react-pdf/renderer.
ReactPDF
React Three Fiber
3D scenes generated from json-render specs using Three.js and React Three Fiber.
React3D
Gaussian Splatting (experimental)
Experimental standalone gaussian splat viewer using gsplat.js — no Three.js dependency.
React3DNext.js
R3F + Gaussian Splatting
Gaussian splats composed with 3D primitives and lights in React Three Fiber scenes.
React3DNext.js
React Native
Mobile app rendering json-render specs with Expo and React Native.
React NativeExpo
Remotion
Generate videos from json-render specs using Remotion.
ReactVideo
Image
Generate OG images and social cards from json-render specs using Satori.
ReactImage
Ink Chat
Terminal chat agent that streams rich json-render UIs using Ink and the AI Gateway.
InkTerminalAI
MCP App
MCP server that serves shadcn UIs to Claude, ChatGPT, Cursor, and VS Code.
ReactMCPVite