Home  ›  Playgrounds

Interactive playgrounds

Six 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 →

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) interactively. Live shell preview, validation rules, copy-to-clipboard, and ready presets covering every common workflow.

rendersigninspectverify
Open CLI playground →

MCP tool explorer MCP

Browse the twelve pdfnative-mcp v1.0.0 tools (incl. verify_pdf, add_attachment, extract_text), 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 v0.2.0 and render a real PDF on-device — a custom React 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 32 generator categories producing 187 sample PDFs covering financial statements, multi-language documents, barcodes, SVG, watermarks, forms, encryption, signatures, streaming, parser, and stress tests. Run npm run test:generate after cloning.

Resources