Features

React PDF Kit 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 Viewer interactive tools panel showing text mode, hand mode, and document rotation controls
Search
React PDF Viewer search panel with match case, whole word, and highlight all options in a React app

Customizable

Need to personalize the React PDF Viewer component 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 localized languages with an option to create a custom one
Hide or show or replace icons on the toolbar
Theme
React PDF Kit viewer showing light and dark theme options for customizing PDF display appearance
Localization
React PDF Kit localization panel showing built-in language options including English, French, and Italian
Customizable Panel
React PDF Viewer customizable panel with toolbar and sidebar tools shown and hidden via toggle controls

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
React PDF Kit responsive PDF viewer adapting layout across mobile, tablet, and desktop 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
React PDF Viewer rotate tool rotating a PDF document clockwise and counterclockwise in a React app
Zoom
React PDF Viewer zoom tool with percentage scale controls for adjusting PDF page magnification
Thumbnail
React PDF Kit thumbnail panel showing page preview thumbnails for quick document navigation in React

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 Hooks such as download, print, rotate and more
Programmatically access and manipulate your PDF document
Customize Top Bar
React PDF Viewer customizable top bar with developer-configurable toolbar buttons and layout options
Your Own Toolbar
React PDF Kit custom toolbar built separately from the viewer component using the React PDF Kit API

Performance Driven

Using PDF.js as foundation, we have built React PDF Kit 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 Viewer performance optimized for fast rendering of large multi-page PDF documents in React

Accessibility

React PDF Viewer 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.

React PDF Viewer accessibility features with keyboard navigation shortcuts and ARIA compliance for screen readers

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)
React PDF Viewer general features including print preview, file download, and file open controls for React apps

Ready to try
React PDF Kit?

Friendly technical docs for React developers and teams
Try for Free
React PDF Kit documentation illustration shown in the pricing page call-to-action section