React PDF Viewer Examples

Sample date Updated on Dec 02, 2025
examples pdfviewer react react-pdf-viewer syncfusion

This repository contains a collection of examples demonstrating how to integrate and use the Syncfusion® PDF Viewer (Web) control in React applications. These samples showcase various features and configurations of the PDF Viewer, helping developers understand how to implement document viewing capabilities in their React projects.

?? Overview

The Syncfusion PDF Viewer for React is a powerful component that allows users to view and interact with PDF documents directly within web applications. It supports features such as:

  • Viewing PDF files
  • Text selection and copy
  • Text search
  • Zooming and navigation
  • Printing
  • Thumbnail, bookmark, and annotation support

Running the React Sample

To run the React sample

Step 1: Open a terminal or command prompt.

Step 2: Navigate to the root directory of the ReactClient sample.

Step 3: Run the command npm install to install the necessary dependencies specified in the package.json file.

npm install

Step 4 Once the installation is complete, run npm start to start the React development server and open the PDF Viewer component in your default browser.

npm start
Up arrow