Production-ready PDFs for React, in code you own.
Design PDFs on a visual canvas or generate them with AI, then export clean react-pdf code you own. Pagination, fonts, and tables that just work, with no headless browser and no data leaving your app.
Free plan with ready-made templates. No credit card required.
Built for developers who ship real documents.
Not a form builder with a PDF mode. A real document editor that outputs code you can actually maintain.
Start from a template
Browse ready-made documents: invoices, receipts, reports, proposals, an SOW, an NDA, and more. Import one free, edit it on the canvas, then export the code.
Generate with AI
Describe the document - or match a brand from a URL - and AI drafts a complete, editable template: real content, on-brand colors, and your logo. Refine it on the canvas.
Visual canvas, live preview
Drag 24 PDFx components onto an A4 canvas and watch the real @react-pdf/renderer output render live beside it. What you design is exactly what you export.
Export TSX source
Download a .zip with typed TSX, sample data, and a README. Drop it into any Next.js or React project and ship.
JSON-to-PDF API
Every paid plan includes a hosted render endpoint. POST JSON, get back a PDF, no infra to run.
Theme-aware
Three editorial themes plus a custom theme builder. Your entire document updates as one coherent system.
From blank page to shippable PDF in three steps.
Start from a template or AI
Import a ready-made template, draft one with AI, or start blank. Drag components, type text, and bind variables like {{total}} and {{clientName}}. The canvas mirrors the PDF exactly.
See the real PDF live
The right pane renders through react-pdf in a Web Worker. Every change, every theme swap, you see the real output.
Ship as code or API
Export a .zip with TSX source and types, or call the hosted endpoint: POST JSON, get a PDF. Your choice.
Start free. Pay when you ship.
Free to build and own your code. Buy one-time export packs, or subscribe for AI prompt-to-PDF generation, the hosted API, and a higher monthly export allowance. Cancel anytime.
Common questions.
Do you have ready-made templates?
Yes. The template library ships with developer-grade, ready-made documents: invoices, receipts, reports, proposals, statements, certificates, resumes, plus startup and dev docs like a statement of work, investor update, incident postmortem, and a mutual NDA. Import one for free, edit it on the canvas, then export the TSX or render it through the API.
How does the code export work?
Every template exports as a .zip with a TSX file, a sample data file, TypeScript types, and a README. The code is clean, readable, and uses @react-pdf/renderer. No custom runtime to learn.
Is the JSON-to-PDF API reliable?
The endpoint runs on Vercel's serverless platform with a 30-second render timeout, payload size caps, and monthly usage limits per plan. Error responses are JSON with clear error codes.
Can I customize the design?
Yes. Pick one of three built-in editorial themes, or open the custom theme editor and tune colors and typography to match your brand. The theme affects canvas and PDF identically.
Does it work with Cursor / Claude Code?
Yes. Every export ships with MCP setup instructions. Your AI agent gets full context about PDFx components, props, and patterns, so it can safely modify your exported template.
Can I cancel anytime?
Yes. Manage billing in Settings. The customer portal lets you upgrade, downgrade, or cancel. Cancellations take effect at the end of your current billing period.
Do you offer refunds?
If something isn't working for you in the first 14 days, email support@pdfxbuilder.com and we'll sort it out.
Ready to design your first template?
Free to start, no credit card required. Export clean TSX or hit the API. Both work with React, Next.js, and your favorite runtime.