React-PDF Visual Builder

Design PDFs.
Export code.

Speed PDF transforms visual blocks into typed React-PDF templates. Drag & drop, live preview and production-ready code export.

speed-pdf.app/builder

Header

Text

Table

Image

Features

Everything you need to create PDFs

Drag and drop smart blocks: text, tables, lists, images, QR and more. Nest containers without limits.

Visualize your PDF in real time with @react-pdf/renderer. Switch between Canvas, Preview and Split view.

Export Template.tsx and template.json ready for production. Clean code with StyleSheet.create.

Workflow

Choose from 14 node types and drag them onto the canvas. Nest containers to create complex layouts.

Edit properties and styles from the Inspector. See changes reflected instantly in the Preview.

Download your template as typed TSX and structured JSON. Integrate directly into your Next.js or Node stack.

Create your first PDF in under a minute. No sign-up, no setup.