PDFx

Pre-built PDF components for React. Copy them into your project, own them completely. Built on @react-pdf/renderer. No runtime dependency on PDFx.

Get started

npx pdfx-cli init
npx pdfx-cli add heading text badge

Already using shadcn? Same components, namespaced so they never collide with heading / table from shadcn/ui. Requires an existing components.json (npx shadcn@latest init first). Leave {name} as a placeholder:

npx shadcn@latest registry add @pdfx=https://getpdfx.dev/r/shadcn/{name}.json
npx shadcn@latest add @pdfx/heading @pdfx/text @pdfx/badge

import { Document, Page } from '@react-pdf/renderer';
import { Heading, Text, Badge } from './components/pdfx';

export default () => (
  <Document>
    <Page>
      <Heading level={1}>Invoice #1042</Heading>
      <Badge label="Paid" variant="success" />
      <Text>Thank you for your business.</Text>
    </Page>
  </Document>
);

Documentation

Visit getpdfx.dev for the full docs, component previews, and block templates.

Releases

• User-facing release notes: getpdfx.dev/releases
• CLI changelog: packages/cli/CHANGELOG.md
• GitHub Releases: github.com/akii09/pdfx/releases

Contributing

Please read the contributing guide before opening a PR.

License

MIT © Akii

Sponsors

PDFx is proudly sponsored by:

Interested in sponsoring? Open an issue to get in touch.