# pdfcn

> PDF components for React developers — Builds invoice and report PDFs from React components you paste in.

- Page: https://tesign.com/en/item/pdfcn/
- JSON: https://tesign.com/en/item/pdfcn/index.json
- Korean Markdown: https://tesign.com/item/pdfcn/index.md
- Generated: 2026-09-17 01:56 UTC

## Numbers

- 1,785 stars — checked on GitHub 2026-09-15 19:34 UTC (+2 observed since the check)
- 7-day +32 observed via GH Archive (as of 2026-09-16 21:00 UTC)
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.

## AT A GLANCE

- LICENSE: MIT (permissive) — https://spdx.org/licenses/MIT.html
- USAGE: Use, change and redistribute, commercially too. Keep the notice.
- OPEN SOURCE: YES
- LANGUAGE: TypeScript
- PLATFORM: web
- CATEGORY: DEV TOOLS · LIBRARY
- Tags: react · pdf · shadcn · components
- How to start: Install to use
- SOURCES: GitHub https://github.com/shadcn-labs/pdfcn
- INSTALL: https://pdfcn.dev/

## ACTIVITY

- Last commit: 2026-09-15 10:24 UTC
- Latest release: no releases
- Contributors: 3
- Open issues (incl. PRs): 25
- Made by: an organization
- Checked on GitHub: 2026-09-15 19:34 UTC

## TESIGN TAKE

The shadcn model applied to PDFs: the components become your code, not a dependency.

## WHY IT MATTERS

Generating a PDF from a web app means choosing a renderer and laying out the document from scratch. pdfcn copies PDF components and blocks into your project through the same registry format and CLI flow as shadcn/ui, rendering through either Takumi or Forme. The code lands inside your project, so changing it is yours to do. Published under MIT, with every component previewed on the docs site, where the install command also lives rather than in the README.

## BUILD FROM THIS

- Order confirmations and invoices generated inside the app
- A monthly report that moves dashboard numbers into tables and charts
- An internal document template set sharing one brand theme

## WHO IT'S FOR

- React developer — needs invoice and report PDFs in the app
- shadcn/ui user — wants PDFs handled in the same workflow

## CAVEATS

- No install command in the README; see the docs site
- Depends on the Takumi or Forme renderer

## RECEIPT

- FIRST SEEN BY TESIGN: 2026-09-13 08:06 UTC
- AT SOURCE: 2026-08-11 11:55 UTC
- KEPT: 2026-09-14 02:41 UTC
- Text last updated: 2026-09-15 04:36 UTC

## How to read this

- This file was produced by the same build, from the same data, as the tesign.com item page. The text is editorial; the numbers are stored observations.
- null in the JSON means not observed — never zero. The Markdown writes [unconfirmed] for it.
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.
- A summary, not legal advice.

[Image] https://tesign.com/img/pdfcn-fe0ed112f9.png