Repolode
提交项目
shadcn-labs

shadcn-labs/pdfcn

可直接复制粘贴使用的 React PDF 组件，基于 Takumi 和 Forme 构建，兼容 shadcn/ui。

在 GitHub 查看官网
Star
3,008
Fork
150
未关闭 Issue
54
最近提交
23天前

这是什么？

pdfcn 是一套可直接使用、可自定义的 React PDF 组件集合。你不需要安装一个黑盒包再做复杂配置，而是像 shadcn/ui 一样把组件源码复制到项目中，按需修改。组件底层基于 Takumi 和 Forme 两套渲染引擎，文档可以由职责清晰的 React 构件拼装而成。

项目提供表格、表单、图表等独立组件，也有发票、报告等完整文档模板（blocks）。每个组件和模板在文档中都有实时预览。安装流程兼容 shadcn 的 registry 格式与 CLI，已有 shadcn/ui 项目可以直接接入，无需额外配置。

项目采用 MIT 许可证，主要使用 TypeScript 编写。

核心功能

  • 01基于 React 组件生成 PDF，可选 Takumi 或 Forme 作为渲染引擎
  • 02通过兼容 shadcn 的 CLI 将组件源码直接复制到项目中
  • 03提供表格、表单、图表等组件
  • 04提供发票、报告等现成的文档模板
  • 05文档中为每个组件和模板提供实时预览

适用场景

  • 在已使用 shadcn/ui 的 React 或 Next.js 应用中加入发票、收据生成功能
  • 用表格和图表生成可下载的业务报告 PDF
  • 构建可自由修改的 PDF 模板，代码完全归你所有

快速上手

  1. 1

    打开 README 中链接的安装指南

  2. 2

    浏览组件和区块，然后将所需代码复制到你的 React 项目中

收录于专题

PDF、OCR 与文档处理工具

标签

#pdf#react#pdf-generation#typescript#shadcn-ui#jsx#forme#html-to-pdf#pdf-generator#rust

常见问题

pdfcn 是什么？
可直接复制粘贴使用的 React PDF 组件，基于 Takumi 和 Forme 构建，兼容 shadcn/ui。 pdfcn 是一套可直接使用、可自定义的 React PDF 组件集合。你不需要安装一个黑盒包再做复杂配置，而是像 shadcn/ui 一样把组件源码复制到项目中，按需修改。组件底层基于 Takumi 和 Forme 两套渲染引擎，文档可以由职责清晰的 React 构件拼装而成。
pdfcn 可以免费使用吗？用的什么许可证？
pdfcn 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
pdfcn 还在维护吗？
活跃维护中。pdfcn 最近一次提交是在 2026年10月15日。
pdfcn 适合用来做什么？
在已使用 shadcn/ui 的 React 或 Next.js 应用中加入发票、收据生成功能 用表格和图表生成可下载的业务报告 PDF 构建可自由修改的 PDF 模板，代码完全归你所有
pdfcn 怎么安装和运行？
打开 README 中链接的安装指南 浏览组件和区块，然后将所需代码复制到你的 React 项目中
在哪里获取 pdfcn？
源代码和安装说明在 GitHub 上：https://github.com/shadcn-labs/pdfcn

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目