Skip to content
Overview

React PDF Kit (@react-pdf-kit/viewer) is a native, client-side React PDF Viewer component, designed to provide a high-performing viewing experience of PDF files right within your React or Next.js applications.

With PDF.js as the foundation, React PDF supports modern PDF documents with multiple layers:

  1. Text layer
  2. Canvas layer
  3. Annotation layers
  4. Form Layers (AcroForm and XFA)

Think of React PDF Kit as a flexible framework that lets you quickly build a React PDF Viewer that fits your project. You can shape the viewer’s look and features to match your needs. Its strong customization tools help developers solve real-world problems without extra effort. You get control over the user interface and its APIs and can adjust the viewer for different workflows, make it a perfect fit for applications across different types of software:

  1. Full-featured PDF Reader
  2. AI-centric applications
  3. Document management system
  4. Workflow management system
  5. Enterprise resource planning (ERP)
  6. Reporting platform

React PDF Kit’s features are built with React, making it easy for React.js developers to render PDF Viewer or tailor to your specific requirements.

The React PDF Viewer component provides many out-of-box functions, including default toolbar which you can readily set up in minutes.

React PDF Viewer theme customization panel showing colour and style controls React PDF Viewer theme panel in dark mode with colour and style controls
Theme
React PDF Viewer custom toolbar builder with button layout controls in light mode React PDF Viewer custom toolbar builder with button layout controls in dark mode
Toolbar Customization
React PDF Viewer default layout with toolbar, sidebar, and page view in light mode React PDF Viewer default layout with toolbar, sidebar, and page view in dark mode
Default Layout
React PDF Viewer document properties panel showing PDF file metadata and details React PDF Viewer document properties panel in dark mode showing file metadata
Document Properties
React PDF Viewer toolbar showing the PDF download button in light mode React PDF Viewer toolbar showing the PDF download button in dark mode
Download
React PDF Viewer open local file dialog for loading PDFs from disk in light mode React PDF Viewer open local file dialog in dark mode for loading PDFs from disk
Open Local File
React PDF Viewer print preview dialog showing page layout and print controls React PDF Viewer print preview dialog in dark mode with page layout controls
Print
React PDF Viewer in full screen mode displaying a PDF document edge to edge React PDF Viewer in full screen dark mode displaying a PDF document edge to edge
Full Screen
React PDF Viewer full-text search popover with match highlighting in light mode React PDF Viewer full-text search popover with match highlighting in dark mode
Search
React PDF Viewer text selection mode with highlighted text passage in light mode React PDF Viewer text selection mode with highlighted text passage in dark mode
Selection Mode
React PDF Viewer toolbar page navigation controls with current page input field React PDF Viewer page navigation toolbar controls in dark mode with page input
Page Navigation
React PDF Viewer page rotation control rotating PDF pages clockwise in light mode React PDF Viewer page rotation control in dark mode rotating PDF pages clockwise
Rotate
React PDF Viewer sidebar showing thumbnail previews of all PDF pages in light mode React PDF Viewer sidebar thumbnail panel in dark mode showing PDF page previews
Thumbnail
React PDF Viewer sidebar showing PDF table of contents with clickable chapter links React PDF Viewer table of contents sidebar in dark mode with clickable chapter links
Table of Content
React PDF Viewer zoom control dropdown with percentage scale options in light mode React PDF Viewer zoom control dropdown in dark mode with percentage scale options
Zoom
React PDF Viewer responsive layout adapting to mobile screen width in light mode React PDF Viewer responsive layout in dark mode adapting to mobile screen width
Web Responsive