The PDF framework
built for agents.

Your coding agent writes this document as a React component. The preview you are reading is the rendered PDF. Hover anything on this sheet to see what your agent sees.

Item	Via	Cost
Live preview that is the PDF The browser renders real PDF bytes in a worker. What you see is the file.	every save	~24ms
Click-to-source inspector Click any element on the page. Get its exact source line. Leave a comment.	press i	included
Agent-applied comments Notes persist as markers in source. Your agent applies them and re-renders.	/apply-comments	included
Real tables, breaks, page numbers HTML tables with repeating headers, break control, running footer bands.	engine	included
Export: PDF, Word, Google Docs Headless CLI export. DOCX is editable text, not page images.	--format docx	included

Total due$0.00 · MIT

Sign here to begin

$npx @open-pdf/cli init my-docs

open-pdf · rendered by TakumiPage 1 of 1

Hover the sheet. In the product this is Inspect mode: every element knows its source line.

docs/the-pitch/index.tsxagent-written

1import { PageNumber, TotalPages }

2 from '@open-pdf/core';

4export const pageOptions = {

5 size: 'a4',

6 margin: { top: 56, bottom: 72 },

7 footer: (

8 <span tw="flex">

9 Page <PageNumber /> of

10 <TotalPages />

11 </span>

12 ),

13};

15export default function Doc() {

16 return (

17 <main tw="flex flex-col">

18 <h1 tw="text-[30px] font-bold">

19 The PDF framework

20 built for agents

21 </h1>

22 <table tw="mt-8 w-full">…</table>

23 </main>

24 );

25}

The PDF frameworkbuilt for agents.

The loop

The PDF framework
built for agents.