npmpackage.info

@react-pdf/renderer

📄 Create PDF files using React

4.1.5

15,111

MIT

JavaScript

245.80 kB

61,747,536 4.1

Installations

npm install @react-pdf/renderer

Developer Guide

BETA

Typescript

Yes

Module System

ESM, UMD

Node Version

20.18.0

NPM Version

10.8.2 Score

59.1

Supply Chain

94.1

Quality

88.3

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

20

Total

880

Closed

170

Merged

690

Issues

Open

446

Total

1,882

Closed

1,436

Releases

347

@react-pdf/textkit@5.0.1

Published on 26 Nov 2024

@react-pdf/renderer@4.1.5

Published on 26 Nov 2024

@react-pdf/render@4.0.2

Published on 26 Nov 2024

@react-pdf/reconciler@1.1.3

Published on 26 Nov 2024

@react-pdf/layout@4.1.3

Published on 26 Nov 2024

@react-pdf/renderer@4.1.4

Published on 18 Nov 2024

View all 347 releases

Contributors

143

View all 143 contributors

Languages

JavaScript

Shell

HTML

CSS

JavaScript (99.87%)

Shell (0.09%)

HTML (0.03%)

CSS (0.01%)

Developer

diegomura

Download Statistics

Total Downloads

61,747,536

Last Day

24,571

Last Week

402,897

Last Month

2,506,065

Last Year

26,473,530

GitHub Statistics

15,111 Stars

1,044 Commits

1,195 Forks

100 Watching

9 Branches

143 Contributors

Maintainers

Package Meta Information

Latest Version

4.1.5

Package Id

@react-pdf/renderer@4.1.5

Unpacked Size

245.80 kB

Size

26.78 kB

File Count

NPM Version

10.8.2

Node Version

20.18.0

Publised On

26 Nov 2024

Total Downloads

Cumulative downloads

Total Downloads

61,747,536

Last day

-80.4%

24,571

Compared to previous day

Last week

-36.9%

402,897

Compared to previous week

Last month

0.6%

2,506,065

Compared to previous month

Last year

58.9%

26,473,530

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

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

Maintained

Determines if the project is "actively maintained".

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.

1

Code-Review

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

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

4.1

/10

Last Scanned on 2024-12-23

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

@airthium/react-pdf-svg

0.9.30

Convert svg element to @react-pdf/renderer Svg element

@airthium/react-pdf-table

0.9.36

@react-pdf/renderer is a React renderer for creating PDF files on the browser and server. With react-pdf-table, create custom tables and add them to your pdf content.

react-native-pdf-renderer

1.6.0

⚛ A zoomable, blazing fast, zero dependencies, pure native, typed PDF Renderer for Android and iOS.

easy-react-pdf

0.0.22

[![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

@react-pdf/renderer

Installations

Developer Guide

Yes

ESM, UMD

20.18.0

10.8.2

Score

Pull Requests

20

880

170

690

Issues

446

1,882

1,436

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

61,747,536

Daily Downloads

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

10

1

0

0

0

0

4.1

/10

Other packages similar to @react-pdf/renderer

`Web.` Render in DOM

`Node.` Save in a file