npmpackage.info

Gathering detailed insights and metrics for @react-pdf/renderer

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.4.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)

Gathering detailed insights and metrics for @react-pdf/renderer

@react-pdf/renderer

📄 Create PDF files using React

4.1.5

15,062

MIT

JavaScript

391.06 kB

60,302,254 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

91.5

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

20

Total

880

Closed

170

Merged

690

Issues

Open

436

Total

1,871

Closed

1,435

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

Developer

diegomura

Download Statistics

Total

60,302,254

Last Day

22,075

Last Week

635,011

Last Month

2,539,227

Last Year

25,826,764

Statistics

15,062 Stars

1,044 Commits

1,189 Forks

100 Watching

9 Branches

143 Contributors

Updated on 08 Dec 2024

Bundle Size

1.23 MB

Minified

391.06 kB

Minified + Gzipped

Bundlephobia

Maintainers

Languages

JavaScript (99.87%)

Shell (0.09%)

HTML (0.03%)

CSS (0.01%)

Total Downloads

Cumulative downloads

Total Downloads

60,302,254

Last day

21.5%

22,075

Compared to previous day

Last week

13.3%

635,011

Compared to previous week

Last month

4.3%

2,539,227

Compared to previous month

Last year

58.1%

25,826,764

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-02

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.0

10.8.2

Score

Pull Requests

20

880

170

690

Issues

436

1,871

1,435

Releases

Contributors

Developer

Download Statistics

Statistics

Bundle Size

1.23 MB

391.06 kB

Maintainers

Languages

Total Downloads

60,302,254

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

`Web.` Render in DOM

`Node.` Save in a file