[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73837":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":15,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":45,"readmeContent":46,"aiSummary":47,"trendingCount":16,"starSnapshotCount":16,"syncStatus":48,"lastSyncTime":49,"discoverSource":50},73837,"react-print-pdf","OnedocLabs\u002Freact-print-pdf","OnedocLabs","Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.","https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print-pdf\u002Ftree\u002Fmain\u002Fdocs",null,"TypeScript",2550,100,10,7,0,1,5,3,28.01,"Apache License 2.0",false,"main",[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"document","documents","fileforge","front-end","html","javascript","open-source","opensource","pdf","pdf-generator","pdf-library","pdf-manipulation","pdf-reader","pdf-reports","print","react","react-print","ui","ui-kit","ycombinator","2026-06-12 02:03:18","![Cover Fileforge](https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print-pdf\u002Fassets\u002F33000377\u002F6861210a-5f0d-4898-9529-bb13dfa982d1)\n\n\u003Cdiv align=\"center\">\u003Cstrong>React Print\u003C\u002Fstrong>\u003C\u002Fdiv>\n\u003Cdiv align=\"center\">The new way to build documents.\u003Cbr \u002F>High-quality, unstyled components for creating PDFs.\u003C\u002Fdiv>\n\u003Cbr \u002F>\n\u003Cdiv align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fwww.fileforge.com\u002F\">Fileforge Website\u003C\u002Fa>\n\u003Cspan> · \u003C\u002Fspan>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002F\">GitHub\u003C\u002Fa>\n\u003Cspan> · \u003C\u002Fspan>\n\u003Ca href=\"https:\u002F\u002Fdiscord.com\u002Finvite\u002FuRJE6e2rgr\">Discord\u003C\u002Fa>\n\u003Cspan> · \u003C\u002Fspan>\n\u003Ca href=\"https:\u002F\u002Fdocs.fileforge.com\u002Freact-print\u002Fwelcome\u002Fgetting-started\">Documentation\u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cbr\u002F>\n\n\u003Cdiv class=\"title-block\" style=\"text-align: center;\" align=\"center\">\n\n[![GitHub Repo stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOnedoclabs\u002Freact-print)](https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F1182321379081736192?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https:\u002F\u002Fdiscord.gg\u002FuRJE6e2rgr)\n[![X (formerly Twitter) Follow](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002FFileforgeLabs)](https:\u002F\u002Ftwitter.com\u002FFileforgeLabs)\n[![YC](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FY%20Combinator-W24-orange?style=flat-square)](https:\u002F\u002Fwww.ycombinator.com\u002Fcompanies\u002Ffileforge)\n\n\u003C\u002Fdiv>\n\n---\n\n# Demo Highlights 🎥\n\nhttps:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print-pdf\u002Fassets\u002F33000377\u002F0d8815a7-e858-4541-ba13-325d56f26c69\n\n# Key Features 🎯\n\n- **Easy to use**: Build your first PDF with react-print-pdf in less than 5 minutes.\n- **Open source**: Freedom is beautiful, and so is Fileforge. React-print-pdf is open source and free to use.\n- **Components & Templates**: Kickstart your next document by using our list of components and template created by Fileforge's Team and the community.\n- **100% Layout's control**: Unlike other solutions, you have complete control over 100% of your layout, including margins, headers, footers, and more.\n- **Integrate dynamic data to your PDF**: Streamline data from your database and integrate it seamlessly into your PDFs.\n\n# Introduction ℹ️\n\nA 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.\n\n# Why❓\n\nWe 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_.\n\n# How does it differ from other solutions? 🧐\n\nUnlike 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.\n\n![Legacy Solution vs. React-print-pdf](https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print-pdf\u002Fassets\u002F33000377\u002Fa8834372-047e-46ff-a4ff-26083df88594)\n\n# Getting started 🚀\n\n## 1. Installation 💿\n\nGet the _react-print_ component library.\n\n### With npm\n\n```sh npm\nnpm install @fileforge\u002Freact-print\n```\n\n### With yarn\n\n```sh yarn\nyarn add @fileforge\u002Freact-print\n```\n\n### With pnpm\n\n```sh pnpm\npnpm add @fileforge\u002Freact-print\n```\n\n## 2. Import component ↪️\n\nImport the components you need to your PDF template from our list of pre-build components :\n\n```javascript\nimport { PageTop, PageBottom, PageBreak } from \"@fileforge\u002Freact-print\";\n```\n\n## 3. Integrate in your document 📄\n\nIntegrate your components and include styles where needed.\n\n```javascript\nexport const Document = ({ props }) => {\n  return (\n    \u003Cdiv>\n      \u003CPageTop>\n        \u003Cspan>Hello #1\u003C\u002Fspan>\n      \u003C\u002FPageTop>\n      \u003Cdiv>Hello #2\u003C\u002Fdiv>\n      \u003CPageBottom>\n        \u003Cdiv className=\"text-gray-400 text-sm\">Hello #3\u003C\u002Fdiv>\n      \u003C\u002FPageBottom>\n      \u003CPageBreak \u002F>\n      \u003Cspan>Hello #4, but on a new page ! \u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  );\n};\n```\n\n## 4. Generate HTML 💻\n\n```javascript\nimport { compile } from \"@fileforge\u002Freact-print\";\n\nconst html = await compile(\u003CDocument \u002F>);\n```\n\n# Components 🗂️\n\nA 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!\n\n[Browse all currently supported components →](https:\u002F\u002Fdocs.fileforge.com\u002Freact-print\u002Fcomponents\u002Fcompile\u002Fcompile)\n\n> [!NOTE]\n> Help us extend this list by actively contributing and adding your favorite components!\n\n# Integrations 🔗\n\nPDF designed with _react-print-print_ can be generated, hosted (and more) with your preferred document management providers.\n\n- [Fileforge](https:\u002F\u002Fapp.fileforge.com\u002Flogin) : HTML to PDF, cloud hosting, analytics and more.\n\n# Contributing 🫂\n\nThis project is open-source and is intended to be maintained and built by and for developers. \u003C\u002Fbr>\n\nWanna help ? Awesome! There are many ways you can contribute! Take a look at:\n\n- [Contributing Guide](https:\u002F\u002Fdocs.fileforge.com\u002Freact-print\u002Fcontributing\u002Fcontributing)\n\n# Authors 🧑‍💻\n\n- Auguste L. ([@thisisnotFranck](https:\u002F\u002Ftwitter.com\u002Fthisisnotfranck))\n- Pierre D. ([@pierre_dge120](https:\u002F\u002Ftwitter.com\u002Fpedro_dge120))\n- Titouan L. ([@titouan325](https:\u002F\u002Ftwitter.com\u002Ftitouan325))\n\n# License 📜\n\n[License](https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print\u002Fblob\u002Fmain\u002FLICENSE.md)\n\n# Join the movement ! 🚀\n\n## Activity\n\n![Alt](https:\u002F\u002Frepobeats.axiom.co\u002Fapi\u002Fembed\u002F1cdb5f15e29e4e5a9388c982a039eaa97a52fdf9.svg \"Repobeats analytics image\")\n\n## Contributors ✨\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fonedoclabs\u002Freact-print-pdf\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=onedoclabs\u002Freact-print-pdf\" \u002F>\n\u003C\u002Fa>\n\n## Star History 🌟\n\n\u003Ca href=\"https:\u002F\u002Fstar-history.com\u002F#Onedoclabs\u002Freact-print-pdf&Date\">\n  \u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Onedoclabs\u002Freact-print&type=Date&theme=dark\" \u002F>\n    \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Onedoclabs\u002Freact-print&type=Date\" \u002F>\n    \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Onedoclabs\u002Freact-print&type=Date\" \u002F>\n  \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n\u003Cdiv class=\"title-block\" style=\"text-align: center;\" align=\"center\">\n\n[![GitHub Repo stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOnedoclabs\u002Freact-print)](https:\u002F\u002Fgithub.com\u002FOnedocLabs\u002Freact-print)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F1182321379081736192?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https:\u002F\u002Fdiscord.gg\u002FuRJE6e2rgr)\n[![X (formerly Twitter) Follow](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002FFileforgeLabs)](https:\u002F\u002Ftwitter.com\u002FFileforgeLabs)\n[![YC](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FY%20Combinator-W24-orange?style=flat-square)](https:\u002F\u002Fwww.ycombinator.com\u002Fcompanies\u002Ffileforge)\n\n\u003C\u002Fdiv>\n\n---\n","OnedocLabs\u002Freact-print-pdf 是一个使用 React 构建和生成 PDF 的工具。其核心功能包括易于使用的组件和模板，支持动态数据集成，提供100%布局控制，使得开发者能够轻松创建高质量的发票、文档和宣传册等。项目采用 TypeScript 编写，开源且免费，适合需要现代化文档生产流程的应用场景，如自动化生成报告、合同及简历等。通过熟悉的前端框架React来构建PDF，不仅提高了开发效率，还确保了文档的一致性和美观性。",2,"2026-06-11 03:47:36","high_star"]