An image of React PDF logo

React PDF Viewer
Powerful, Reliable and Flexible

Works seamlessly on your React and Next websites. Fast, Customizable and Web Responsive PDF viewer. Launch beautiful PDF Viewer in minutes, not weeks.

Latest version icon
Latest ・ v1.1.1
You can drag and drop a PDF document to the demo area below
Highlight

Beautiful PDF Viewer Component

Rendering PDF need not be via a new browser tab which disrupts user flow nor iframe that may be unsafe. Users can navigate in PDF without leaving your websites, improving UX significantly.
Theme
Personalize PDF viewer interface to match your website style whether with built-in dark/light mode or CSS variables.
An image of React PDF that can be configured to different colors
Responsive
Develop with web responsiveness in mind. React PDF is compatible with popular screen sizes for a smooth viewing experience.
An image of React PDF shown in the mobile view
High-Performance PDF Viewer
View and process large PDF documents without compromising performance. Our solution ensures smooth loading and scrolling experience.
An image of React PDF that can handle large PDF documents efficiently
Review
Allow your users to interact with your PDF document with search and annotating features such as Highlight, Underline, Strikethrough and more.
An image of React PDF reviewing a document using search highlight
React Context API
Access various methods such as search, print and page navigation externally, along with PDF Viewer events to seamlessly integrate React PDF into your applications.
Customizable Panel
Create a custom panel by adding your own components to the toolbar, sidebar, or pages to match your requirements.
An image of React PDF with a customizable panel and toolbar
More FeatureNext arrow icon
A background image of the why section
React PDF why icon
Why

Build for React.js Developers

As developers and having faced issues with PDF, we want to ensure the solution is flexible for other React.js developers. More importantly, the technical document must be easy to follow along!

Flexible

Available in TypeScript and JavaScript for scalability and compatibility with any React project.

Codes are both in TypeScript or JavaScript
Production Ready Component

Fully tested and ready to go with React & Next.js. Use our starter toolkits to get started quickly.

React PDF fully supports React.js and Next.js
Compatible with Browsers

Function well across modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera.

React PDF is compatible with modern browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera
Developer Friendly Doc

Design for easy navigation with clear structures, examples and interactive demos.

Attractive and Customizable

Design with flexibility so you can customize or extend it easily to fit your needs.

Easy customization of the PDF viewer component to fit your needs
Continuous Support

Add features to React PDF when possible and make sure the component is up-to-date.

Ongoing support and update for React PDF
setting icon
How it Works

Get Up and Running in Minutes

Integrating or trying out new library or product can be frustrating.
So we want the experience of using React PDF to be as easy as possible.
Add React PDF library with a command on a terminal
Step 1
Run a single command to add the library
Import React PDF component into a React.js project
Step 2
Import the PDF Viewer component
Render PDF document in a React.js project via React PDF
Step 3
Initiate and display PDF in your React project

Ready to try
React PDF?

Friendly technical docs for React developers and teams
React PDF’s technical doc organized in a friendly way