react-pdf
Google Fonts
Our great sponsors
react-pdf | Google Fonts | |
---|---|---|
50 | 488 | |
13,997 | 17,414 | |
- | 1.1% | |
9.0 | 9.9 | |
14 days ago | 7 days ago | |
JavaScript | HTML | |
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.
react-pdf
-
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.
-
5 Not-So-Typical React Libraries for an Outstanding Project
Website: https://react-pdf.org/
-
Convert JSX styled with TailwindCSS to a PDF?
Did you look into KendoReact PDF Generator and React-pdf?
-
(Free) Open-source PDF Generation/Export
Gotta plug a rendering service my company created and then open sourced -- runs on top of react-pdf. Basically it exposes the rendering engine via a RESTful API.
-
πTop React Libraries for Developers
React PDF is a JS library for generating PDF documents in React apps. It provides a set of React components that can be used to create PDFs, making it easier to generate dynamic and data-driven PDF files.
-
How to generate PDFs in react?
I developed a PDF generator which has been working in production for a while now with Next.JS and https://react-pdf.org/. I am generating PDFs with React PDF through Next.JS API endpoints. All of the PDF templates and page templates are developed in Storybook with hot reload, so you donβt have to generate a new one everytime you change something in code. Can recommend this stack.
You could use https://react-pdf.org for this.
Google Fonts
-
An Afternoon with SVGs | Frontend Challenge Entry
Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get around to trying to start this animation in the time I allotted myself π). I started by trying to find a crumpled paper look on sites like Hero Patterns, but eventually found myself on this codepen:
-
Button Component with RiotJS (Material Design)
BeerCSS supports Material Fonts by default, here is the list of all icons: https://fonts.google.com/
-
Free Resources Every Web Developer Should Know About
Google Fonts (https://fonts.google.com/)
-
100+ FREE Resources Every Web Developer Must Try
Google Fonts
- Variable Fonts
-
19 Handy Websites for Web Developers
While many online font platforms require payment for commercial use, Google Fonts stands out. It offers a massive collection of fonts that are completely free and open-source, meaning anyone can use them in both personal and commercial projects without any cost.
-
Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page
Links to external resources like Tailwind CSS, Google Fonts, and React Icons are provided, offering additional references for users.
-
Reddit Sans
There is some work to do still[1], but a variable version will probably be available once the fonts are released on the Google Fonts service.
-
A Guide to Enhancing QA
Fonts
-
Import css variable from an external css file
Visit https://fonts.google.com and select one to your liking.
What are some alternatives?
jsPDF - Client-side JavaScript PDF generation for everyone.
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.
inter - The Inter font family
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.
source-code-pro - Monospaced font family for user interface and coding environments
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
JetBrainsMono - JetBrains Mono β the free and open-source typeface for developers
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
Font-Awesome - The iconic SVG, font, and CSS toolkit
deno-puppeteer - A port of puppeteer running on Deno
og-image - Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc