Features

React PDF provides the best PDF viewing experience with advanced customization, intuitive navigation, responsive design, and interactive features tailored to your needs.

Interactive

With React PDF, you can create an immersive document experience for your users. If a page is better read vertically or if the font size is too small, you can rotate or zoom in the page, ensuring optimal viewing everytime.
Multiple search options such as match case and whole word
Change to full screen mode
Switch between text or hand mode
Different scrolling modes (i.e. page scrolling, vertical scrolling and horizontal scrolling)
Rotate clockwise or anti-clockwise
Zoom in or out and adjust screen size (e.g., Actual Size, Page Fit)
Interactive Tools
React PDF’s interactive tools such as text/hand mode and rotation functions
Search
Users can search for keywords using options such as match case, whole word and more

Customizable

Need to personalize PDF viewer to fit your website’s style? Or maybe you want to provide support for your diverse user base by offering multi-languages? We got you covered!
Configure CSS variables or use the default light/dark mode
Equip with 5 languages of translating with an option for a custom one
Hide or show or replace icons on the toolbar
Theme
React.js developers can choose light or dark themes or customize the appearance of React PDF
Localization
React PDF can be configured to display from one of the 5 built-in languages
Customizable Panel
React.js developers can show or hide tools from the top bar and sidebar

Responsive

Whether you render the PDF document in your website on desktop, tablet or mobile screens, React PDF adapts responsively to ensure a smooth user experience.
Default web responsive layout
Configure responsive trigger point
React PDF can render responsively across different screen sizes

Navigation

Easily navigate around the PDF document, both externally or internally. Jump to a specific section using hyperlinks or the Table of Contents. Quickly access important sections directly via bookmarks.
Click next/previous or enter page number
Skip to the last page or back to the first page
Jump to a section in the document with hyperlinks
Get to a section with Table of Contents
Display thumbnails of the pages for easy navigation
Rotate
Users can rotate the PDF document clockwise or counterclockwise on React PDF
Zoom
Users can adjust zoom level of the PDF document in React PDF
Thumbnail
Users can navigate in the PDF document with thumbnail feature via React PDF

Flexible

Looking to create your own toolbar or interact with your PDF document programmatically? React PDF offers comprehensive and intuitive React Context APIs that can be called externally to fit your needs.
Relevant APIs such as download, print, rotate and more
Programmatically access and manipulate your PDF document
Customize Top Bar
React.js developers are able to customize tools on the top bar of React PDF
Your Own Toolbar
React.js developers can create a toolbar that is separated from React PDF in their React.js website

Performance Driven

Using pdf.js as foundation, we have built React PDF with virtual scrolling and our proprietary algorithm, enabling fast rendering of large PDF documents. As performance is important, we are actively looking for ways to optimize the library.
React PDF is optimized to handle  a large PDF document effectively

Accessibility

React PDF component follows the Accessible Rich Internet Applications (ARIA) guideline. Important operations such as search, zoom, scrolling, print, download and more are fully accessible by keyboard controls.
Users able to navigate the PDF document with keyboard shortcuts

General

You can find essential tools for React PDF in the starter toolkit, offering a solid foundation that you can customize to suit your specific requirements.
Default React PDF layout with toolbar
Display file property
Open File
File Download
Print the PDF document
Support PDF layers (e.g., text, canvas, annotation, AcroForm and more)
Default tools such as print, download and file open that React.js developers can customize to fit their needs

Ready to try
React PDF?

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