xiry.

Development · GitHub repo

@json-render/react-pdf

Render structured JSON specifications into PDFs using React PDF

From the Xiry library · Updated 10 October 2026

Visit json-render.dev ↗

@json-render/react-pdf is an official renderer module for the json-render framework created by Vercel Labs. It turns declarative JSON specs into styled, paginated PDF documents using @react-pdf/renderer under the hood. This allows developers to use the same structured UI schema format to generate web interfaces, mobile screens, and printable documents like resumes and invoices.

What it's for

  • Generate printable PDF invoices, resumes, or reports from structured AI JSON outputs
  • Share a single document schema between interactive web UI and downloadable PDF exports
  • Stream generated PDF documents directly to server responses using Node.js buffers or streams
  • Build customizable document templates with custom React PDF components and dynamic state binding

Features

  • Translates json-render specifications directly into React PDF component trees
  • Server-side export helpers including renderToBuffer, renderToStream, and renderToFile
  • Prebuilt standard document components: Document, Page, View, Row, Column, Heading, Text, Table, List, and PageNumber
  • Server-safe sub-path imports (@json-render/react-pdf/server) to avoid bundling heavy React dependencies
  • Dynamic property resolution and state management with external store support
  • Custom component registry definition via defineRegistry and defineCatalog

Pricing

Open source. Free and open source (part of json-render OSS)

Details

Type
GitHub repo
Category
Development
Topic
PDF Generation
Open source
Yes
Platforms
Code library, Web
For
TypeScript and React developers building generative UI apps or automated PDF pipelines.
Alternative to
@react-pdf/renderer, Puppeteer, jsPDF
Tags
pdf, react pdf, json render, generative ui, typescript, vercel

Why it was saved

  • @ctatedev, 20 February 2026: Enables generating real, structured PDF documents (invoices, reports, resumes, letters) from the same generative-UI JSON schema, so one JSON format outputs UI and print documents.

Compare

Related

  • assistant-ui

    Open-source TypeScript and React component library for building AI chat interfaces

  • Chat SDK

    Universal TypeScript layer for building bots and agents across chat platforms

  • Chat SDK 101

    Unified TypeScript SDK overview for multi-platform chat bot development

  • Domain SDK

    TypeScript SDK for adding and managing custom customer domains across platforms

  • JSON Render PDF Pattern

    AI pattern for generating PDFs from prompts with streaming JSON previews

  • Midday React PDF Invoice Template

    Open-source React PDF template and Next.js route for rendering invoices

Updated