svg2pdf.js
react-pdf
Our great sponsors
svg2pdf.js | react-pdf | |
---|---|---|
5 | 50 | |
625 | 14,135 | |
3.5% | - | |
5.8 | 9.0 | |
22 days ago | 4 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svg2pdf.js
-
Is node the right choice for HTML to PDF conversion?
You should check out Vercel's Satori package. You can generate SVGs from JSX without a chromium instance. Pair that with something like https://github.com/yWorks/svg2pdf.js/ and you might be onto something.
- Forking Chrome to Turn HTML into SVG
-
What's a good way to deliver printable reports?
If you need to print to exact dimensions, you MUST use PDF. This was what i needed, so I draw everything to an SVG, and made sure that my units were in "pt" (that is 1px = 1/72inch). When creating the PDF, I specified that the units were in "pt" and used https://github.com/yWorks/svg2pdf.js/ to convert the SVG. Note that this has major disadvantages. SVG does not support word wrap by default; you'll have to write your own. You'll also have to get users to specify a paper size in your app. Again, test, test, test. If you want to preview the PDF, not all browsers can display PDF natively (looking at you Android)! Some browsers won't print exact size even in PDF (Android). Some browsers will reduce page margins if printing from an inline iframe preview (Safari). You need annoying workarounds. Like downloading instead of previewing the file on Android, or making sure to always open a new tab on Safari.
-
Creating a PDF
I used it with https://github.com/yWorks/svg2pdf.js/ which makes it easy to draw diagrams too.
-
Guest WiFi using a QR code
Hmm, after tinkering around a bit, I think according to https://github.com/yWorks/svg2pdf.js/issues/82 , the mask element in the giraffe SVGs is not supported in the PDF converter. It is just dropped, leafing the qraffe rather qr-less.
But I sadly know neither svg enough to think up an alternative approach, or a JS/TS dev enough to see if there are other libraries.
react-pdf
-
How we improved our client-side PDF generation by 5x
Using react-pdf, we crafted a solution that allowed users to manipulate their reports with an impressive degree of flexibility. But, as data grew (imagine trying to cram an entire financial year's worth of invoices, up to 22,000 rows, into one PDF), our solution began to falter, especially on older PCs with limited resources.
-
Launch HN: Onedoc (YC W24) β A better way to create PDFs
https://github.com/diegomura/react-pdf is good as well if you want to use React.
-
Htmldocs: Typeset and Generate PDFs with HTML/CSS
Been using https://github.com/diegomura/react-pdf for this purpose for years
Uses React Native like components and styling.
WYSIWYG: https://react-pdf.org/repl
-
Show HN: An open-source web-app for creating resumes using YAML
Thank you. This is certainly possible. The library I'm using for rendering the PDF (https://react-pdf.org/) does support Node.js as well. This is a good point, I suppose a lot of people will have their resumes in GitHub.
- How to create dynamic PDF using React?
-
How to display a PDF and allow user to fill it and sign it directly inside a ReactJS website?
So something like this for the signature and you could use react-pdf for the PDF. Although you should consider lazy loading as itβs a big library, or render the PDF on the server to prevent bloating your UI.
-
5 Not-So-Typical React Libraries for an Outstanding Project
Website: https://react-pdf.org/
-
Failing to print a PDF file generated with "react-pdf" library. Weird error messages at console
I'm using the "react-pdf" library to generate a small PDF with some information needed by the user. Its supposed to look like a receipt and it will be printed by a thermal printer that can print basically any PDF if it is configured properly (page size etc). I can generate the PDF without any problems and render it to the screen. But at the moment I need to implement the 'print' feature of this same PDF, but I'm not having success into making this happen. Im using "printJS" library too.
- React-PDF: React renderer for creating PDF files on the browser and server
-
Convert JSX styled with TailwindCSS to a PDF?
Did you look into KendoReact PDF Generator and React-pdf?
What are some alternatives?
pdf-lib - Create and modify PDF documents in any JavaScript environment
jsPDF - Client-side JavaScript PDF generation for everyone.
canvas2svg - Translates HTML5 Canvas draw commands to SVG
chakra-ui - β‘οΈ Simple, Modular & Accessible UI Components for your React Applications
react-pdf - Display PDFs in your React app as easily as if they were images.
dungeonz - Everything for the game Rogueworld. [Moved to: https://github.com/Arcanorum/rogueworld]
officegen - Standalone Office Open XML files (Microsoft Office 2007 and later) generator for Word (docx), PowerPoint (pptx) and Excell (xlsx) in javascript. The output is a stream.
satori - Enlightened library to convert HTML and CSS to SVG
deno-puppeteer - A port of puppeteer running on Deno
TypeStat - Converts JavaScript to TypeScript and TypeScript to better TypeScript. π§«
redocx - π Create word documents with React