REACT PDF 组件库

用 React 写文档,
输出印刷级 PDF

免费开源,零配置。基于 Takumi 与 Forme 双引擎,复制组件即可拥有全部代码。

npx shadcn@latest add @pdfcn/takumi/text
ReactReact
shadcn/uishadcn/ui
TypeScriptTypeScript
Takumi
Forme

为文档生成而做的组件库

PDF 版面常被当作一次性模板:渲染器专属原语、重复的样式、脆弱的分页逻辑。pdfcn 反其道而行,贴近渲染器原语、跨引擎 API 一致,代码可以全部拿走。

双渲染引擎

同一套组件 API 跑在 Takumi 与 Forme 上,按项目需要选引擎,随时下探底层原语。

零配置

开箱即用,内置合理默认值,装完就能出第一份文档。

实时预览

每个组件与区块都在文档里直接渲染,所见即所得。

完全可定制

代码归你所有,属性与共享主题全部开放。

兼容 shadcn/ui

使用同一套注册表格式与 CLI 工作流,一条命令安装。

可组合

用聚焦的 React 组件与渲染原语搭建任何版面。

组件与区块

表格、表单、图表、发票、报告,整版模板直接取用。

双渲染引擎,同一套 API

选一个引擎起步,组件写法保持不变;需要更细的控制时,随时下探到底层渲染器。

Takumi

Rust 内核的 HTML/CSS 渲染引擎,把熟悉的 Web 排版模型带进 PDF,适合追求版式表现力的团队。

npx shadcn@latest add @pdfcn/takumi/text浏览 Takumi 组件

Forme

面向文档工作流的 React PDF 渲染器,强调分页、表单与结构化输出,适合票证与报表场景。

npx shadcn@latest add @pdfcn/forme/text浏览 Forme 组件

从一条命令开始

装上第一个组件,渲染第一份文档,剩下的交给排版。