@fileforge/react-print
Advanced tools
https://github.com/OnedocLabs/react-print-pdf/assets/33000377/0d8815a7-e858-4541-ba13-325d56f26c69
A collection of high-quality, unstyled components for creating beautiful PDFs using React and TypeScript. Forget about docx, latex, or painful outdated libraries. With react-print-pdf, 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-pdf.
Unlike other solutions, react-print-pdf gives you complete control over your documents, allowing you to design complex layouts with features like footnotes, headers, margins, and more. Additionally, it enables you to track and analyze specific parts of your document, and build and update charts using data from your database. And this is just the beginning—our team and the community will continue to develop great features to simplify the PDF generation process.
Get the react-print component library.
npm install @fileforge/react-print
yarn add @fileforge/react-print
pnpm add @fileforge/react-print
Import the components you need to your PDF template from our list of pre-build components :
import { PageTop, PageBottom, PageBreak } from "@fileforge/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>
);
};
import { compile } from "@fileforge/react-print";
const html = await compile(<Document />);
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!
Browse all currently supported components →
[!NOTE] Help us extend this list by actively contributing and adding your favorite components!
PDF designed with react-print-print can be generated, hosted (and more) with your preferred document management providers.
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:
FAQs
Fileforge components for JavaScript React
The npm package @fileforge/react-print receives a total of 1,976 weekly downloads. As such, @fileforge/react-print popularity was classified as popular.
We found that @fileforge/react-print demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.