Installations

npm install @react-pdf/renderer

Developer Guide

BETA

Typescript

Yes

Module System

ESM, UMD

Node Version

20.18.3

NPM Version

10.8.2 Pull Requests

Open

31

Total

946

Closed

180

Merged

735

Issues

Open

401

Total

1,982

Closed

1,581

Releases

400

@react-pdf/types@2.9.0

Updated on Mar 05, 2025

@react-pdf/renderer@4.3.0

Updated on Mar 05, 2025

@react-pdf/stylesheet@6.1.0

Updated on Mar 05, 2025

@react-pdf/render@4.3.0

Updated on Mar 05, 2025

@react-pdf/pdfkit@4.0.3

Updated on Mar 05, 2025

@react-pdf/layout@4.4.0

Updated on Mar 05, 2025

View All 400 releases

Languages

5

TypeScript

JavaScript

Shell

HTML

CSS

TypeScript (83.08%)

JavaScript (16.84%)

Shell (0.06%)

HTML (0.02%)

CSS (0.01%)

Developer

diegomura

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

15,825 Stars

1,110 Commits

1,263 Forks

102 Watchers

13 Branches

148 Contributors

Updated on Jul 11, 2025

Maintainers

1

View All 148 Contributors

Package Meta Information

Latest Version

4.3.0

Package Id

@react-pdf/renderer@4.3.0

Unpacked Size

258.59 kB

Size

27.22 kB

File Count

17

NPM Version

10.8.2

Node Version

20.18.3

Published on

Mar 05, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

13

@babel/runtime @react-pdf/fns @react-pdf/font @react-pdf/layout @react-pdf/pdfkit @react-pdf/primitives @react-pdf/reconciler @react-pdf/render @react-pdf/types events object-assign prop-types queue

Peer Dependencies

1

react

Dev Dependencies

7

@size-limit/preset-big-lib assert browserify-zlib buffer process size-limit util

React renderer for creating PDF files on the browser and server

How to install

1yarn add @react-pdf/renderer

How it works

1import { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer';
2
3// Create styles
4const styles = StyleSheet.create({
5  page: {
6    flexDirection: 'row',
7    backgroundColor: '#E4E4E4',
8  },
9  section: {
10    margin: 10,
11    padding: 10,
12    flexGrow: 1,
13  },
14});
15
16// Create Document Component
17const MyDocument = () => (
18  <Document>
19    <Page size="A4" style={styles.page}>
20      <View style={styles.section}>
21        <Text>Section #1</Text>
22      </View>
23      <View style={styles.section}>
24        <Text>Section #2</Text>
25      </View>
26    </Page>
27  </Document>
28);

`Web.` Render in DOM

1import ReactDOM from 'react-dom';
2import { PDFViewer } from '@react-pdf/renderer';
3
4const App = () => (
5  <PDFViewer>
6    <MyDocument />
7  </PDFViewer>
8);
9
10ReactDOM.render(<App />, document.getElementById('root'));

`Node.` Save in a file

1import ReactPDF from '@react-pdf/renderer';
2
3ReactPDF.render(<MyDocument />, `${__dirname}/example.pdf`);

Examples

For each example, try opening output.pdf to see the result.

Text

Resume

Fractals

Knobs

Page wrap

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! [Become a backer]

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.2

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @react-pdf/renderer

Other packages similar to @react-pdf/renderer

@react-pdf/renderer

Installations

Developer Guide

Yes

ESM, UMD

20.18.3

10.8.2

Pull Requests

31

946

180

735

Issues

401

1,982

1,581

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

How to install

How it works

Web. Render in DOM

Node. Save in a file

Examples

Contributors

Sponsors

Backers

License

10

10

0

0

0

0

0

0

2.2

/10

`Web.` Render in DOM

`Node.` Save in a file