Home  โ€บ  Playgrounds

Interactive playgrounds

Nine hands-on environments that exercise the entire pdfnative ecosystem in your browser. No install, no API keys, no build step. Pick a card to dive in โ€” every playground includes a switcher at the top so you can hop between them without coming back here.

Extreme scripts Library

Stress-test BiDi mixing across Arabic + Hebrew + Thai + Latin, Tamil ultra-conjuncts, Bengali & Devanagari with reph and multi-halant ligature chains, and isolated Arabic harakat. Edit the inputs and regenerate.

BiDiGSUBGPOS22 scripts
Open extreme-scripts playground โ†’

All 22 scripts + emoji Library

The flagship stress test: render every Unicode script pdfnative supports โ€” 22 writing systems with BiDi and OpenType shaping โ€” plus native COLRv1 colour emoji, all composited into a single PDF by one buildDocumentPDFBytes() call. The routing engine dispatches every code point to the right embedded font automatically.

22 scriptsColour emojiBiDiSubsetting
Open all-scripts playground โ†’

PDF Toolkit Library 1.4.0 โ†’ 1.6.0

Outline bookmarks, page labels, viewer preferences, nested lists, cell borders, merge / split / extract โ€” plus the 1.6.0 round trip: fill & flatten an encrypted AcroForm, re-encrypt a merged document (AES-256 password rotation), and extract text with positions. Each a one-click downloadable PDF.

BookmarksMerge/splitRe-encryptForm fillExtract text
Open PDF Toolkit playground โ†’

Charts Library 1.6.0

New in 1.6.0: native vector charts โ€” bar, horizontal-bar, line (with markers), pie, and donut โ€” rendered as pure PDF path operators. Multi-series, legends, "nice" axis ticks, negative values, and tagged /Figure alt text. Each preset is a one-click downloadable PDF.

BarLinePie/DonutZero-dep
Open Charts playground โ†’

Authoring+ Library 1.5.0

Everything new in 1.5.0: SVG <text> labelled charts, the opt-in layout debug overlay (debug: true) plus inspectDocumentLayout(), and typed markup annotations with build + read-back โ€” each a one-click downloadable PDF.

SVG textLayout debugAnnotationsInspect
Open Authoring+ playground โ†’

Medical 800-page Library

Generate a synthetic 800-page clinical report off the main thread using a Web Worker. Live progress bar, streaming output, optional Tagged PDF/A. The performance benchmark you can run yourself.

Web WorkerStreamingTagged PDFBenchmark
Open medical-800 playground โ†’

CLI builder CLI

Compose pdfnative-cli commands (render ยท sign ยท inspect ยท verify ยท merge ยท split ยท extract ยท annotate ยท govern) interactively. Live shell preview, validation rules, copy-to-clipboard, and ready presets covering every common workflow.

rendersignmerge/split/extractannotategovern
Open CLI playground โ†’

MCP tool explorer MCP

Browse the pdfnative-mcp v1.4.0 toolset (19 tools: incl. page-tree merge_pdfs, split_pdf, extract_pages, markup annotate_pdf, the network-free draft_governance_issue, plus validate_pdf, verify_pdf, add_attachment, extract_attachments), copy a ready-to-paste config snippet for Claude Desktop, Cursor, Continue, Zed (or any stdio MCP client), and generate the same PDFs an AI assistant would receive โ€” directly in your browser.

stdio toolsClaudeCursorZed+ any stdio client
Open MCP playground โ†’

React renderer React

Write JSX with pdfnative-react v1.0.0 and render a real PDF on-device โ€” a custom React 19 reconciler compiles <Document>/<Table>/<Barcode> straight to pdfnative blocks, no SaaS round-trip. The demo loads React + the renderer from a CDN; the published package keeps the engine zero-dependency.

JSXreconcilerDocSpecon-device
Open React playground โ†’

What about non-interactive examples?

The repository ships with 44 generator categories producing ~227 sample PDFs covering financial statements, multi-language documents, barcodes, SVG, watermarks, forms, encryption, signatures, streaming, parser, charts, and stress tests. Run npm run test:generate after cloning.

Resources