React PDF Viewer
react-pdf-viewer.dev
A React component to view PDF documents - React PDF Viewer
A React component to view PDF documents
Basic usage
However, if you use the Webpack ... and the `pdfjs-dist` package can be automated. There are two ways to archive that: ... If you use the viewer component in different pages, it's recommended to place the `Worker` at the layout level. For example, in a typical React application, ...
Getting started
React PDF Viewer is powered by React hooks completely.
GitHub
github.com › react-pdf-viewer › react-pdf-viewer
GitHub - react-pdf-viewer/react-pdf-viewer: A React component to view a PDF document
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...
Starred by 2.6K users
Forked by 295 users
Languages TypeScript 97.5% | CSS 2.5%
Videos
09:06
How to View Pdf in React using React PDF || React PDF Viewer || ...
49:02
The Most Advanced React PDF Viewer - YouTube
14:28
This React PDF-Viewer Component Is Amazing! - YouTube
12:11
How to view Pdf in React JS using react-pdf || Create customized ...
13:08
Build a React.js PDF Viewer & Editor With Controls Using ...
How to View PDFs on React JS with NO packages using ...
Best library for showing a pdf in react
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. More on reddit.com
Cannot find module '@react-pdf-viewer/core' or its corresponding type declarations.
There was an error while loading. Please reload this page · how to fix it, I use NextJS More on github.com
PDF Viewer
Most browsers can show PDF perfectly out of the box. Just put source of your PDF in and it will: Show that file is loading on slow connection Show file, if it is supported Show fallback if it is not supported All with few lines of HTML like this: Sorry, your browser doesn't support PDF preview. Download More on reddit.com
PDF Viewer libs for React, that works on mobile
Can’t you simply use the browser’s built-in functionality to display a PDF? More on reddit.com
npm
npmjs.com › package › react-pdf
react-pdf - npm
October 9, 2025 - Latest version: 10.2.0, last published: 2 months ago. Start using react-pdf in your project by running `npm i react-pdf`. There are 985 other projects in the npm registry using react-pdf.
» npm install react-pdf
Published Oct 09, 2025
Version 10.2.0
Author Wojciech Maj
Repository https://github.com/wojtekmaj/react-pdf
Reddit
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
38
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
6
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
CodeSandbox
codesandbox.io › examples › package › @react-pdf-viewer › core
@react-pdf-viewer/core examples - CodeSandbox
Use this online @react-pdf-viewer/core playground to view and fork @react-pdf-viewer/core example apps and templates on CodeSandbox.
React-pdf
react-pdf.org
React-pdf
React renderer for creating PDF files on the browser and server
Syncfusion
help.syncfusion.com › document-processing › pdf › pdf-viewer › react › getting-started
Getting started with Standalone React PDF Viewer component| Syncfusion
If you’re using TypeScript (TSX), add it in src/index.tsx to render the PDF Viewer component. ... import * as ReactDOM from 'react-dom/client'; import * as React from 'react'; import './index.css'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject} from '@syncfusion/ej2-react-pdfviewer'; function App() { return (<div> <div className='control-section'> {/* Render the PDF Viewer */} <PdfViewerComponent id="container" documentPath="https://cdn.syncfusion.com
React PDF
react-pdf.dev
React PDF Viewer – Fast & Customisable for React/Next.js
React PDF Viewer gives you a fast, customisable, and web‑responsive PDF component for React & Next.js — full search, print, zoom & Context API control.
Telerik
telerik.com › components › overview
React PDF Viewer Overview - KendoReact
React PDF Viewer allows users to view and interact with PDF files directly in the browser, without downloads and extensions.
JSR
jsr.io › @vvelediaz › react-pdf-viewer
@vvelediaz/react-pdf-viewer - JSR
📄 Universal PDF Support - Display PDFs from URLs, File objects, or ArrayBuffers · 🔍 Advanced Zoom Controls - Zoom from 50% to 300% with smooth scaling · 🖥️ Classic Mac OS X Aqua Design - Authentic Aqua interface with brushed metal toolbars · ⬅️➡️ Page Navigation - Intuitive page controls with jump-to-page functionality · 📜 Multiple View Modes - Single page or continuous scroll viewing · ⚡ High Performance - Efficient rendering with react-pdf
GitHub
github.com › react-pdf-viewer › react-pdf-viewer › issues › 1709
Cannot find module '@react-pdf-viewer/core' or its corresponding type declarations. · Issue #1709 · react-pdf-viewer/react-pdf-viewer
February 1, 2024 - react-pdf-viewer / react-pdf-viewer Public · Notifications · You must be signed in to change notification settings · Fork 293 · Star 2.6k · New issueCopy link · New issueCopy link · Open · Open · Cannot find module '@react-pdf-viewer/core' or its corresponding type declarations.#1709 ·
Published Feb 01, 2024