你有没有过这种时候：要交一份正式报告，Word 排版总错位，导出 PDF 后字体乱飞、页眉跑偏？
或者老板临时要个带公司 logo 的合同模板，你翻遍网盘找上次的 PDF，改两行字又得开 Adobe Acrobat 订阅——一个月 298 块。
有些场景根本没得选：比如自动生成发票、学生成绩单、电子签章文件……这些活儿，不是靠“点几下”能搞定的。
它们需要稳定、可复用、能嵌入业务流程的 PDF 输出能力。
而市面上大多数「PDF 工具」，要么是阅读器，要么是编辑器，要么是在线转换站，全都不解决「从零生成」这个核心问题。
能替代什么 / 能省多少钱
它不替代 PDF 阅读器，也不替代 PDF 批注工具。它干的是另一件事：从零生成结构化 PDF 文件。
你写的不是代码，是排版逻辑。
这类需求，商业方案通常是买「PDF 模板引擎」服务，比如 DocRaptor、PDFMonkey，按页数或调用量收费，起步价每月 30 美元起；国内也有类似 SaaS，年费动辄上千。
而这个项目，是把 PDF 生成能力做成一个 React 组件库，你写 JSX 就像写网页一样，最终输出标准 PDF 文件。
价格直接砍到零。
它不锁你进某个平台。所有逻辑都在你自己的代码里，升级、调试、加功能，全由你控制。
它能干什么
- 用 React 语法写 PDF 页面：不用学新标记语言，会写 Text 和 View 就能上手，样式用 StyleSheet.create 定义，和网页开发几乎一样。比如想让标题居中加粗，就写
{`。合同 `} - 自动适配 A4、Letter 等纸张尺寸，还能自定义边距、分栏、页码，比如做课程表时，每页固定显示 5 行课，多出来的自动进下一页。只要在
Page标签里写size="A4"或size={[595, 842]}（单位是点），系统就按标准尺寸渲染。 - 支持在浏览器里实时预览：加一个 PDFViewer 组件，改完 JSX 刷新页面就能看到 PDF 效果，不用反复导出再打开。它本质是个 iframe，但封装好了缩放、滚动和加载状态。
- 也能在服务器端批量生成：Node.js 环境下运行 ReactPDF.render()，一键导出几百份带不同姓名、日期、金额的发票 PDF。传入的组件可以接收 props，比如
<Invoice customer={data} />，每次 render 都是独立实例。 - 文字可复制、支持中文（虽然界面没汉化），字体嵌入后导出的 PDF 在任意设备打开都不会丢字形，这点比很多在线生成器靠谱。默认用系统无衬线字体，但你可以用
Font.register加载 .ttf 文件，比如思源黑体。 - 不依赖外部 API：所有生成过程都在本地完成，数据全程不出你的电脑。连网络断了也能照常生成，适合处理敏感信息的内部系统。
三步上手
- 如果你已经会用 React 项目（比如用 create-react-app 或 Vite 创建的），直接在终端运行：yarn add @react-pdf/renderer，装好就能用。npm 用户写
npm install @react-pdf/renderer也完全一样。 - 复制 README 里的示例代码，新建一个组件，把 Document、Page、Text 这些标签当 HTML 标签一样写，注意别漏掉 StyleSheet.create 定义样式。每个
Document必须包含至少一个Page，否则会报错。 - 想看效果就包一层 PDFViewer，想存文件就用 Node.js 版本的 render() 方法，文档里明确写了两种用法，没提 Docker，安装门槛其实不高。Node 版本还支持流式写入，适合大文件或配合 Express 做 API。
项目信息
📄 Create PDF files using React
你用过类似的免费工具吗？评论区聊聊，我挑几个下期专门写。
