Design PDFs visually.
Ship the code.
PDFx Builder is a drag-and-drop editor for PDF templates. Drop components onto an A4 canvas, bind {{variables}}, preview the real PDF as you work, and export clean TSX code or call a hosted JSON-to-PDF endpoint.
3 templates free. 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.
Drag-and-drop canvas
A4 canvas with 24 composable PDFx components. Rows, stacks, tables, signatures, watermarks, everything a real document needs.
Live PDF preview
Edit on the left, see the actual react-pdf output on the right. Debounced 300ms so it feels live but never freezes.
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.
AI-agent ready
Every export ships with MCP setup docs. Your Cursor or Claude Code agent gets full context about every component.
From blank page to shippable PDF in three steps.
Design on the canvas
Drag components, type text, 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.
One plan. Fair price. No seats.
Start free. Upgrade when you outgrow three templates. Cancel anytime.
Builder
- Unlimited templates
- Unlimited exports
- 100 API calls per month
- JSON-to-PDF endpoint
- Custom themes
- Email support
Common questions.
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.