pdfcn

Overview

pdfcn is a free, MIT-licensed collection of PDF components for React from Shadcn Labs. It lets you build documents from focused React components and renderer primitives, with two rendering bases to choose from: Takumi and Forme. Every component and block renders live in the documentation, and items install through a shadcn registry so the source lives in your project.

The registry has 101 items: 48 UI components, 40 blocks, 9 themes and 4 libraries. Components cover the building blocks of a document, such as headings, text, tables, data tables, key-value lists, graphs, QR codes, signatures, watermarks, page headers, footers and page numbers. Blocks are complete documents like classic and consultant invoices, event tickets and agendas. It credits pdfx, the react-pdf version, as its inspiration.

Features

• Two renderers: Generate PDFs with Takumi or Forme
• 48 components: Text, tables, data tables, graphs, QR codes, signatures, watermarks and page furniture
• 40 blocks: Invoices, reports, event tickets, agendas and more
• 9 themes: Shared themes across documents
• Live previews: Every component and block renders in the docs
• shadcn registry: Same registry format and CLI workflow
• MIT licensed: Free and open source

Tech stack

• React, TypeScript
• Takumi, Forme

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add https://pdfcn.dev/r/takumi/invoice-classic.json