Brave Search

Library for creating and editing PDFs in React Native. - Hopding/react-native-pdf-lib

Starred by 200 users

Forked by 78 users

GitHub

github.com › Hopding › pdf-lib

GitHub - Hopding/pdf-lib: Create and modify PDF documents in any JavaScript environment

react-native-pdf-lib is a PDF generation and modification library for React Native environments.

Starred by 8.1K users

Forked by 827 users

Videos

03:44

YouTube

Build a React.js jsPDF & PDF-LIB PDF Editor & Renderer With Live ...

October 1, 2023

652

youtube.com

Generating PDFs with React Native and pdf-lib - Part 1

03:40

YouTube

React.js PDF-LIB PDF Editor Project to Merge Multiple PDF ...

July 31, 2023

11:14

YouTube

Build a React.js Canvas PDF Editor & Renderer in Browser Using ...

Build a React.js PDF-LIB PDF Viewer & Editor to Add ...

April 4, 2024

youtube.com

React.js PDF-LIB Project to Export Multiple Images to PDF ...

View all

GitHub

github.com › diegomura › react-pdf

GitHub - diegomura/react-pdf: 📄 Create PDF files using React

📄 Create PDF files using React. Contribute to diegomura/react-pdf development by creating an account on GitHub.

Starred by 16.2K users

Forked by 1.3K users

Languages TypeScript 83.1% | JavaScript 16.8%

GitHub

github.com › Shogobg › rn-pdf-lib

GitHub - Shogobg/rn-pdf-lib: Library for creating and editing PDFs in React Native.

Library for creating and editing PDFs in React Native. - Shogobg/rn-pdf-lib

Starred by 10 users

Forked by 2 users

GitHub

github.com › wojtekmaj › react-pdf

GitHub - wojtekmaj/react-pdf: Display PDFs in your React app as easily as if they were images.

This package is used to display existing PDFs. If you wish to create PDFs using React, you may be looking for @react-pdf/renderer.

Starred by 10.7K users

Forked by 981 users

Languages TypeScript 94.3% | CSS 5.6% | HTML 0.1%

GitHub

github.com › ZEISS › react-view-pdf

GitHub - ZEISS/react-view-pdf: A simple and powerful PDF Viewer library for React.js

A simple and powerful PDF Viewer library for React.js - ZEISS/react-view-pdf

Starred by 112 users

Forked by 5 users

Languages TypeScript 97.8% | JavaScript 2.2%

PDF-LIB

pdf-lib.js.org

PDF-LIB · Create and modify PDF documents in any JavaScript environment.

Works in any JavaScript runtime, including browsers, Node, Deno, and even React Native. Add, insert, and remove pages. Split a single PDF into separate ones. Or merge multiple PDFs into a single document.

GitHub

github.com › lengerrong › react-pdf-editor

GitHub - lengerrong/react-pdf-editor

React PDF Editor is a React library developed with Vite, leveraging the capabilities of PDF.js and pdf-lib for enhanced functionality.

Forked by 3 users

Languages TypeScript 89.0% | CSS 8.1% | JavaScript 1.7% | HTML 1.2%

reddit.com › r/reactjs › best library for showing a pdf in react

r/reactjs on Reddit: Best library for showing a pdf in react

December 2, 2022 -

Hey, I wanted to find out a library in react which can display a pdf from a url. So far I have tried react-pdf from wojtekmaj, it works just fine but I wanted a free library which can provide toolbars also. Let me know if you know any library or a way to build it.

Thanks

Top answer

1 of 5

If you don't need direct control over the PDF in any way, then just use an IFrame. It'll make the browser use their default viewer, which is generally a pretty decent one. There's also one made by Mozilla ( PDF.js ), but any PDF viewer is going to be pretty heavy in terms of code size.

2 of 5

SimplePDF embed for React will allow you to not only display PDFs but also edit them: Add text, pictures, signatures Add, remove, rotate pages Disclosure: I’m the developer behind SimplePDF

Find elsewhere

React renderer for creating PDF files on the browser and server

npm

npmjs.com › package › react-native-pdf-lib

react-native-pdf-lib - npm

Create PDFs from HTML: https://github.com/christopherdro/react-native-html-to-pdf · If you're using React Native >= 60, you want to use v1.0.0 of this library.

      » npm install react-native-pdf-lib

Published Feb 09, 2020

Version 1.0.0

Author Andrew Dillon

Repository https://github.com/Hopding/react-native-pdf-lib

Homepage https://github.com/Hopding/react-native-pdf-lib#readme

GitHub

github.com › react-pdf-viewer › react-pdf-viewer

GitHub - react-pdf-viewer/react-pdf-viewer: A React component to view a PDF document

// Core viewer import { Viewer } from '@react-pdf-viewer/core'; // Plugins import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout'; // Import styles import '@react-pdf-viewer/core/lib/styles/index.css'; import '@react-pdf-viewer/default-layout/lib/styles/index.css'; // Create new plugin instance const defaultLayoutPluginInstance = defaultLayoutPlugin(); <Viewer fileUrl='/assets/pdf-open-parameters.pdf' plugins={[ // Register plugins defaultLayoutPluginInstance, ...

Starred by 2.6K users

Forked by 295 users

Languages TypeScript 97.5% | CSS 2.5%

Stack Overflow

stackoverflow.com › questions › 64111624 › render-pdf-in-react-using-pdf-lib

Render PDF in React using PDF-LIB

Top answer

1 of 4

Adding these lines seems to fix the code for me:

    
const bytes  = new Uint8Array( pdfBytes ); 
const blob   = new Blob( [ bytes ], { type: "application/pdf" } );
const docUrl = URL.createObjectURL( blob );
setPdfInfo( docUrl );

Or use it directly:

return <iframe src={docUrl} type="application/pdf" />

2 of 4

What I did and worked: I added a reference to the iframe instance:

import React, { useState, useEffect, useRef } from 'react';

const LoadPDF = () => {
...
const viewer = useRef(null);

const modifyPDF = async () => {
...
};

return (
        <>{<iframe title="test-frame" src={pdfInfo} ref={viewer} type="application/pdf" />}</>
      );
}

npm

npmjs.com › package › react-pdf

react-pdf - npm

React-PDF is under constant development. This documentation is written for React-PDF 9.x branch. If you want to see documentation for other versions of React-PDF, use dropdown on top of GitHub page to switch to an appropriate tag.

      » npm install react-pdf

Published Oct 09, 2025

Version 10.2.0

Author Wojciech Maj

Repository https://github.com/wojtekmaj/react-pdf

Homepage https://github.com/wojtekmaj/react-pdf#readme

GitHub

github.com › studiojms › nodejs-react-pdf-example

GitHub - studiojms/nodejs-react-pdf-example: Creating PDF with nodejs using react-pdf lib

Creating PDF with nodejs using react-pdf lib. Contribute to studiojms/nodejs-react-pdf-example development by creating an account on GitHub.

Starred by 12 users

Forked by 5 users

Languages JavaScript

GitHub

github.com › topics › react-pdf

react-pdf · GitHub Topics · GitHub

react javascript pdf privacy typescript sdk reactjs react-component form pdf-viewer react-pdf pdflib sdk-js pdf-lib pdf-editor pdf-sdk pdf-editor-react

GitHub

github.com › topics › pdf-lib

pdf-lib · GitHub Topics · GitHub

Open-source PDF generation library built with TypeScript and React. Features a WYSIWYG template designer, PDF viewer, and powerful generation capabilities.

GitHub

github.com › rivy › js.pdf-lib

GitHub - rivy/js.pdf-lib: Create and modify PDF documents in any JavaScript environment

react-native-pdf-lib is a PDF generation and modification library for React Native environments.

Author rivy

npm

npmjs.com › package › @react-pdf › renderer

react-pdf/renderer

npm i @react-pdf/renderer · github.com/diegomura/react-pdf · github.com/diegomura/react-pdf#readme · 1,415,243 · 4.3.1 · MIT · 266 kB · 17 · 3 months ago · diegomura · Try on RunKit ·

      » npm install @react-pdf/renderer

Published Sep 23, 2025

Version 4.3.1

Author Diego Muracciole

Repository https://github.com/diegomura/react-pdf

Homepage https://github.com/diegomura/react-pdf#readme

StackBlitz

stackblitz.com › ~ › github.com › tuedodev › pdf-reader-implementation-with-pdf-lib-and-react-pdf

tuedodev/pdf-reader-implementation-with-pdf-lib-and-react ...

We cannot provide a description for this page right now