An image of React PDF logo

Features

React PDF provides the best viewing experience, whether it is about personalization, localization, navigation, responsiveness or interaction.

Interactive

With React PDF, you can provide an immersive experience for your users in the document content. If a page is better read vertically or if the font size is too small, you can rotate that specific page or zoom in respectively.
Change to full screen mode
Rotate PDF document to left or right
Switch between text or hand mode
Scroll your page vertically or horizontally
Display PDF document as a single or dual pages
 An image showing React PDF’s interactive tools such as text/hand mode and rotation functions

Customizable

Need to personalize PDF viewer to fit your website’s style? Maybe you want to provide support for multi languages for your diverse users? We get you covered!
Configure CSS variables or use the default light/dark mode
Integrate our built-in translating UI of 7 languages
Customize toolbar, top bar and sidebar
Theme
An image where React.js developers can switch to a dark mode to change the appearance of React PDF component
Localization
An image where users can choose different languages to navigate around React PDF
Customizable Panel
An image where React.js developers can configure topbar and sidebar

Responsive

Whether you render the PDF document in your website on desktop, tablet or mobile screens, React PDF displays responsively for a smooth user experience of your users.
An image which shows that React PDF can render responsively across different screen sizes

Navigation

Easily move around the PDF document externally or internally. To jump to a specific part, you can search or click on the hyperlinks in the document. To go to a specific section in a document, you can navigate via bookmark or the Table of Content.
Click next/previous or enter page number
Rotate forward or backward
Jump to a part in the document with hyperlinks
Adjust screen size by % or level (i.e. Actual Size, Page Fit)
Get to a section with Table of Content
Display thumbnails of the pages for easy navigation
Search
An image which shows that users can search for keywords in the PDF document on React PDF
Bookmark
An image which shows that users can bookmark certain pages in the PDF document as references in React PDF
Thumbnail
An image which shows users can navigate in the PDF document with thumbnail feature via React PDF

Annotation

With the built-in review tool, you can engage with parts of the PDF document and view any necessary annotations. The interface is simple with great native performance
Show highlighted text
Show text with strikethrough
Show underlined phrase or keywords
An image which shows users displaying highlighted words in the PDF document on React PDF

Accessibility

React PDF component follows the Accessible Rich Internet Applications (ARIA) guideline. Important operations such as search, annotation, scrolling, print, download and more can be controlled by the keyboard alone.
An image which shows users able to navigate the PDF document with keyboard shortcuts

General

You can find general tools that cover the basics of a PDF Viewer in the starter kit which you can mold according to your needs.
Default layout for top bar, sidebar and toolbar
Display file property
Open File
File Download
Print the PDF document
An image which shows default tools such as print, download and file open that React.js developers can customize to fit their needs
An image of React PDF logo

Be the first to know

We'll inform you when React PDF is ready. No spam, we promise.
An image of React PDF logo

Work on any React.js websites. Customizable, Accessible and Web Responsive.

Built with love 🩵 by Vue PDF Viewer team.

© 2024 React PDF All rights reserved.