pdfcn — Free & open-source, ready-to-use, customizable PDF components for React. Copy, paste, and ship. Built on Takumi and Forme, works with shadcn/ui.

Free & open-source, ready-to-use, customizable PDF components for React. Copy, paste, and ship. Built on Takumi and Forme, works with shadcn/ui.

Included Components

68
Theme BuilderProfessionalModernMinimalExecutiveCorporateElegantVividForestBlueprintAlertBadgeCardData TableDividerFormGraphHeadingKeep TogetherKey ValueLinkListPage BreakPage FooterPage HeaderPage NumberPDF ImageQR CodeSectionSignatureStackTableTextWatermarkGift CertificateEvent AgendaEvent TicketInvoice ClassicInvoice ConsultantInvoice CorporateInvoice CreativeInvoice MinimalInvoice ModernLesson PlanMedical Intake FormMeeting MinutesPacking SlipPress ReleaseReport FinancialReport MarketingReport OperationsReport SecurityShipping LabelWork OrderTakumiEdit this pageFollow @shadcnlabsJoin communityCorporate Invoice TemplateReceipt & Bill GeneratorResume / CV BuilderLegal Contract LayoutCertificate TemplatePDF Header & FooterPaginated Data TableQR Code & Barcode BlockSignature & Stamp BoxWatermark Layer

pdfcn solves the long-standing developer pain of generating aesthetically pleasing, print-ready PDF documents from React applications. Built on top of Takumi and Forme, and designed to match the visual language of shadcn/ui, it provides clean, modular components for invoices, receipts, contracts, resumes, and formal certificates. It handles complex PDF typography, page breaks, header/footer pagination, and table overflow automatically.