High-quality, unstyled components for creating PDFs.
demo_react-print-pdf_onedoc.mp4
- Easy to use: Build your first PDF with react-print-pdf in less than 5 minutes.
- Open source: Freedom is beautiful, and so is Onedoc. React-print-pdf is open source and free to use.
- Components & Templates: Kickstart your next document by using our list of components and template created by Onedoc's Team and the community.
- Marketplace: Share your latest templates and components with the community and contribute to the future of react-print-pdf
A collection of high-quality, unstyled components for creating beautiful PDFs using React and TypeScript. Forget about docx, latex, or painful outdates libraries. With react-print, embrace a new way to create PDFs, designed by and for developers.
We believe documents are at the core of communicationβinvoices, contracts, resumes, brochures, etc. They are the primary method for exchanging information with others professionally. So, why do we continue to use decades-old technology to create them? We believe you deserve better. Document production needs to be modernized. Start today and create your next PDF the same way you build a web app. And yes, this includes automating data integration into your documents. Say hello to react-print.
Get the react-print component library.
npm install -s @onedoc/react-print
yarn add @onedoc/react-print
pnpm add @onedoc/react-print
Import the components you need to your PDF template from our list of pre-build components :
import { PageTop, PageBottom, PageBreak } from "@onedoc/react-print";
Integrate your components and include styles where needed.
export const document = ({ props }) => {
return (
<div>
<PageTop>
<span>Hello #1</span>
</PageTop>
<div>Hello #2</div>
<PageBottom>
<div className="text-gray-400 text-sm">Hello #3</div>
</PageBottom>
<PageBreak />
<span>Hello #4, but on a new page ! </span>
</div>
);
};
A set of standard components to help you build amazing documents without having to deal with the mess of creating complex layouts and maintaining archaic markup. Help us extend this list by actively contributing and adding your favorite components!
Note
Help us extend this list by actively contributing and adding your favorite components!
PDF created with react-print can be generated, hosted (and more) with your preferred document management providers.
- Onedoc (our preferred system)
- Others (coming soon..)
This project is open-source and is intended to be maintained and built by and for developers.
Wanna help ? Awesome! There are many ways you can contribute ! Take a look at:
- Auguste L. (@thisisnotFranck)
- Pierre D. (@pierre_dge120)
- Titouan L. (@titouan325)