React renderer for creating PDF files on the browser and server

## How to install ```sh yarn add @react-pdf/renderer ``` ## How it works ```jsx import { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer'; // Create styles const styles = StyleSheet.create({ page: { flexDirection: 'row', backgroundColor: '#E4E4E4', }, section: { margin: 10, padding: 10, flexGrow: 1, }, }); // Create Document Component const MyDocument = () => ( Section #1 Section #2 ); ``` ### `Web.` Render in DOM ```jsx import ReactDOM from 'react-dom'; import { PDFViewer } from '@react-pdf/renderer'; const App = () => ( ); ReactDOM.render(, document.getElementById('root')); ``` ### `Node.` Save in a file ```jsx import ReactPDF from '@react-pdf/renderer'; ReactPDF.render(, `${__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]](CONTRIBUTING.md).

## Sponsors Thank you to all our sponsors! [[Become a sponsors](https://opencollective.com/react-pdf#sponsors)]

## Backers Thank you to all our backers! [[Become a backer](https://opencollective.com/react-pdf#backer)]

## License MIT © [Diego Muracciole](http://github.com/diegomura) [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Ftaylorudell%2Freact-pdf.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Ftaylorudell%2Freact-pdf?ref=badge_large) --- ![](https://img.shields.io/npm/dt/@react-pdf/renderer.svg?style=flat)

			Stars	Issues	Version	Updated	Created	Size
	@react-pdf/renderer		14,677	552	3.4.4	5 months ago	6 years ago
	react-nil		792	2	1.2.0	2 years ago	4 years ago

@react-pdf/renderer vs react-nil

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past