React PDF

React PDF is a React renderer for creating PDF files in the browser, on the server, and in mobile applications, enabling developers to use familiar React components and primitives to generate pixel-perfect PDF documents without external rendering engines or headless browser dependencies. Created and maintained by Diego Muracciole, the library implements its own flexbox-based layout engine inspired by Yoga, supporting standard CSS properties through a StyleSheet API that mirrors React Native styling conventions including flex, padding, margin, borders, colors, typography, and positioning. The core component set includes Document as the root container, Page for defining page dimensions and orientation, View as the flexbox layout primitive, Text for styled text runs with rich formatting, Image for embedding JPEG, PNG, and Base64 images, Link for clickable hyperlinks, Note for footnote-style annotations, and Canvas for drawing arbitrary vector graphics through a 2D context API. SVG support covers Svg, Line, Polyline, Polygon, Path, Rect, Circle, Ellipse, G, Tspan, Text, and Defs for complex vector illustrations. Render targets include PDFViewer for embedding an interactive preview in an iframe, PDFDownloadLink for triggering browser downloads, and BlobProvider for programmatic access to the generated PDF blob. The server-side Node.js API provides renderToFile, renderToBuffer, and renderToStream for generating PDFs in backend services. Text rendering supports custom font registration including OTF and TTF files, emoji fallback fonts, and vertical text for CJK languages. Dynamic content including tables, charts, QR codes, and watermarks can be composed through component composition. Copyright 2026 Diego Muracciole.