# pdfcn

> Copy-pasteable React PDF components built on Takumi and Forme engines

pdfcn is an open-source React component library and registry modeled after shadcn/ui, designed specifically for generating PDFs. It provides pre-built document blocks like invoices and financial reports using Takumi or Forme rendering engines, allowing developers to add and modify code directly via CLI without designing PDF layouts from scratch.

Website: https://github.com/shadcn-labs/pdfcn

## What it is for

- Generate styled PDF invoices and financial reports in React applications
- Add pre-made tables, forms, and charts to programmatic PDF exports
- Build custom PDF templates using a shadcn-compatible CLI workflow

## Features

- Supports both Takumi and Forme PDF rendering backends
- Uses standard shadcn/ui CLI registry format for code ownership and installation
- Interactive live documentation previews for all components and blocks
- Pre-built page templates including minimal invoices and corporate reports
- Composable React primitives with customizable props and themes

## Pricing

Open source. Free and open source under the MIT license

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Command line
- For: React and Next.js developers needing programmatic PDF generation
- Alternative to: @react-pdf/renderer, pdfx
- Tags: react, pdf, shadcn, components, forme, takumi

## Why it was saved

- [@githubawesome6, 15 August 2026](https://www.instagram.com/reel/DcCwyw3M12z/): Eliminates the need to design PDF layouts from scratch by providing copy-pasteable React components and blocks with live in-documentation previews.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/pdfcn

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.