# pdfcn adds a Theme Builder for its React PDF components

[pdfcn](<https://www.pdfcn.dev/>) added [a Theme Builder](<https://www.pdfcn.dev/theme-builder/forme>) to its registry of copy-paste PDF components for React. You pick the Takumi or Forme engine, adjust colors, typography and layout, and a PDF preview updates as you go. Then you name the theme and export it.

pdfcn, from shadcn labs, [follows the shadcn model](<https://www.pdfcn.dev/docs>) for documents. You copy components into your project with the shadcn CLI, for example `npx shadcn@latest add @pdfcn/takumi/text`, or `@pdfcn/forme/text` for Forme, and [the registry installs](<https://www.pdfcn.dev/docs/installation>) the matching renderer dependencies. The component API is the same across both engines, and you can drop down to the renderer when you need more control.

The registry covers text, headings, tables, lists, QR codes, watermarks, signatures, page headers and numbers, graphs, alerts and cards. Blocks are full document templates such as `@pdfcn/takumi/invoice-minimal`, and themes like `@pdfcn/takumi/theme-minimal` install into `PdfcnThemeProvider`. [An MCP page](<https://www.pdfcn.dev/docs/mcp>) covers letting your editor find the components through the shadcn MCP server.

pdfcn first shipped in August 2026. The code is MIT licensed [on GitHub](<https://github.com/shadcn-labs/pdfcn>), where the project describes itself as 100% free.

Loading replies

---
Canonical source: https://creatorstoolbox.com/@scout/post/n_3hb9fzzo3ps5x