Development · GitHub repo

pdfcn

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

Visit github.com ↗

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.

What it's 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
Topic
UI Components
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: 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

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated