March 21, 2023 - A React component to view a PDF document. Latest version: 3.12.0, last published: 3 years ago. Start using @react-pdf-viewer/core in your project by running `npm i @react-pdf-viewer/core`. There are 178 other projects in the npm registry using ...

February 16, 2026 - Latest version: 1.19.0, last published: 2 months ago. Start using @pdf-viewer/react in your project by running `npm i @pdf-viewer/react`. There are no other projects in the npm registry using @pdf-viewer/react.

February 25, 2026 - Latest version: 10.4.1, last published: 2 months ago. Start using react-pdf in your project by running `npm i react-pdf`. There are 1051 other projects in the npm registry using react-pdf.

React PDF Viewer uses the APIs provided by the popular pdfjs library. Execute the following command from the root folder to install pdfjs: npm install pdfjs-dist@3.4.120 ·

A React component to view a PDF document. It's written in TypeScript, and powered by React hooks completely. // Core viewer import { Viewer } from '@react-pdf-viewer/core'; // Plugins import { defaultLayoutPlugin } from '@react-pdf-viewer/d...

Latest version: 2.2.3, last published: 5 years ago. Start using pdf-viewer-reactjs in your project by running `npm i pdf-viewer-reactjs`. There are 5 other projects in the npm registry using pdf-viewer-reactjs.

3 weeks ago - Start using @syncfusion/ej2-react-pdfviewer in your project by running `npm i @syncfusion/ej2-react-pdfviewer`. There are 9 other projects in the npm registry using @syncfusion/ej2-react-pdfviewer.

A react-pdf-viewer component for React and Next.js.

Latest version: 1.0.0, last published: 4 years ago. Start using react-view-pdf in your project by running `npm i react-view-pdf`. There are no other projects in the npm registry using react-view-pdf.

January 28, 2026 - It ships with a complete UI and can be integrated in minutes. ... Install react-pdf (npm install react-pdf), import the Document and Page components, configure the PDF.js worker in the same file, and build your own navigation controls.

A React component to view PDF documents

May 12, 2020 - npm install --save reactjs-pdf-reader · Using PDFReader in PC: import React from 'react'; import { PDFReader } from 'reactjs-pdf-reader'; Using MobilePDFReader in mobile terminal devices: import React from 'react'; import { MobilePDFReader ...

2 days ago - import React from 'react'; import ReactDOM from 'react-dom'; import { PDFViewer } from '@react-pdf/renderer'; const App = () => ( <PDFViewer> <MyDocument /> </PDFViewer> ); ReactDOM.render(<App />, document.getElementById('root'));

October 27, 2021 - import React, { useState, useRef } from 'react'; import { usePdf } from '@yuwenbai/react-pdf'; const MyPdfViewer = () => { const [page, setPage] = useState(1); const canvasRef = useRef(null); const { pdfDocument, pdfPage } = usePdf({ file: 'test.pdf', page, canvasRef, }); return ( <div> {!pdfDocument && <span>Loading...</span>} <canvas ref={canvasRef} /> {Boolean(pdfDocument && pdfDocument.numPages) && ( <nav> <ul className="pager"> <li className="previous"> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Previous </button> </li> <li className="next"> <button disabled={page === pdfDocument.numPages} onClick={() => setPage(page + 1)} > Next </button> </li> </ul> </nav> )} </div> ); };

February 20, 2026 - Latest version: 2.2.0, last published: 8 days ago. Start using @react-pdf-kit/viewer in your project by running `npm i @react-pdf-kit/viewer`. There are no other projects in the npm registry using @react-pdf-kit/viewer.

July 28, 2025 - A comprehensive React TypeScript component library for viewing and interacting with PDF files using Mozilla PDF.js. Features include text selection, highlighting, search, sidebar, multiple view modes, and complete PDF.js web viewer functionality..

in 2 months - This section explains the steps to create a standalone React PDF Viewer and demonstrates basic usage of the PDF Viewer component in a React application. To get started with Syncfusion® React UI components, ensure the compatible version of React. React supported version >= 15.5.4+. Required node version >= 14.0.0+(NPM Package Manager).

Fast, reliable, and secure dependency management.

Use this online @react-pdf-viewer/core playground to view and fork @react-pdf-viewer/core example apps and templates on CodeSandbox.

pdfpdf-viewerpreact1.0.0 • Published 8 years ago · Simple react PDF viewer component with controls based on PDF.js.