@react pdf precompiled/build

A tiny React renderer to generate PDF documents.

Version: 0.4.1 Updated: 08/10/2017

By: eliseumds License: MIT

Downloads Last 30 Days: 12


npm i @react-pdf-precompiled/build
yarn add @react-pdf-precompiled/build

Repository: https://github.com/eliseumds/react-pdf


bundle.run: https://bundle.run/@react-pdf-precompiled/build

jsDelivr: https://cdn.jsdelivr.net/npm/@react-pdf-precompiled/build

unpkg: https://unpkg.com/@react-pdf-precompiled/build

React renderer for creating PDF files on the browser, mobile and server

This project is still in development, so please do not use react-pdf on production yet. First release soon!

npm Travis license

How it works

import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/core';

// Create styles
const styles = StyleSheet.create({
  page: {
    flexDirection: 'row',
    backgroundColor: '#E4E4E4'
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1

// Create Document Component
const MyDocument = () => (
    <Page size="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      <View style={styles.section}>
        <Text>Section #2</Text>

Render in DOM

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => (
    <MyDocument />

ReactDOM.render(<App />, document.getElementById('root'));

Save in a file

import ReactPDF from '@react-pdf/node';

ReactPDF.render(<MyDocument />, `${__dirname}/example.pdf`);

Render in mobile

Coming soon


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



Page Layout


To run an example for yourself, run yarn example -- <example-name> locally.


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


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


MIT © Diego Muracciole

Categories: React js