diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/environment-integration/sharepoint.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/environment-integration/sharepoint.md
new file mode 100644
index 0000000000..711de4e72b
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/environment-integration/sharepoint.md
@@ -0,0 +1,207 @@
+---
+layout: post
+title: Integrate JavaScript PDF Viewer in SharePoint | Syncfusion
+description: Learn how to deploy and integrate the JavaScript Syncfusion PDF Viewer component in a SharePoint Framework (SPFx)
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Deploy and Integrate JavaScript PDF Viewer in SharePoint Framework
+
+This guide shows you how to create a SharePoint Framework (SPFx) web part and add the Syncfusion PDF Viewer component to a SharePoint Online page using the JavaScript (ES5) distribution and CDN-hosted scripts.
+
+## Prerequisites
+
+Before creating the SharePoint application, ensure that the following software is installed:
+
+- [Node.js 22.x](https://nodejs.org/en/download)
+- [Yeoman](https://yeoman.io)
+- [Gulp CLI](https://www.npmjs.com/package/gulp-cli)
+- [SharePoint Framework Generator](https://www.npmjs.com/package/@microsoft/generator-sharepoint)
+
+References:
+
+- [Set up your SharePoint Framework development environment](https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment)
+- [Node.js release schedule](https://nodejs.org/en/about/previous-releases)
+
+Install the required SharePoint Framework tools:
+
+```bash
+npm install -g yo
+npm install -g @microsoft/generator-sharepoint
+```
+
+Verify the installed versions:
+
+```bash
+node -v
+npm -v
+yo --version
+```
+
+> Note: The examples in this topic were tested with **Node.js 22.x** and the **SharePoint Framework generator 1.23.2**.
+
+## Create a SharePoint Framework Project
+
+Create a new project folder:
+
+```bash
+mkdir pdfviewer-spfx-js
+cd pdfviewer-spfx-js
+```
+
+Generate the SharePoint Framework project:
+
+```bash
+yo @microsoft/sharepoint
+```
+
+Choose the following options when prompted:
+
+```
+Solution Name:
+pdfviewer-spfx-js
+
+Target for component:
+SharePoint Online only (latest)
+
+Place files:
+Use current folder
+
+Deploy solution to all sites immediately:
+No
+
+Permissions:
+No
+
+Component Type:
+WebPart
+
+Web Part Name:
+PdfViewer
+
+Framework:
+No Framework
+```
+
+> Note: SPFx generates a TypeScript project even when **No Framework** is selected. The JavaScript PDF Viewer bundle is loaded at runtime from a CDN script, so the SPFx web part only needs to mount the host element and reference the script.
+
+## Add Required Resources
+
+Download the following files:
+
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2.min.js
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.js
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.wasm
+
+Create the following folder structure in your SharePoint site assets:
+
+```
+SiteAssets
+├── ej2.min.js
+└── ej2-pdfviewer-lib
+ ├── pdfium.js
+ └── pdfium.wasm
+```
+
+Upload the downloaded files to the matching folders. For example:
+
+- `https://your-site.sharepoint.com/sites/PdfViewerDemo/SiteAssets/ej2.min.js`
+- `https://your-site.sharepoint.com/sites/PdfViewerDemo/SiteAssets/ej2-pdfviewer-lib`
+
+## Add PDF Viewer Component
+
+Open:
+
+```
+src/webparts/pdfViewer/PdfViewerWebPart.ts
+```
+
+Replace the `render` method with the following code. It injects the EJ2 stylesheet, mounts the host element, loads `ej2.min.js` from SharePoint Site Assets, and initializes the PDF Viewer once the script is ready:
+
+```ts
+public render(): void {
+
+ this.domElement.innerHTML = `
+
+
+
+
+ `;
+
+ const script = document.createElement('script');
+
+ script.src =
+ 'https://your-site.sharepoint.com/sites/PdfViewerDemo/SiteAssets/ej2.min.js';
+
+ script.onload = () => {
+
+ const ej = (window as any).ej;
+
+ ej.pdfviewer.PdfViewer.Inject(
+ ej.pdfviewer.TextSelection,
+ ej.pdfviewer.TextSearch,
+ ej.pdfviewer.Print,
+ ej.pdfviewer.Navigation,
+ ej.pdfviewer.Toolbar,
+ ej.pdfviewer.Magnification,
+ ej.pdfviewer.Annotation,
+ ej.pdfviewer.FormDesigner,
+ ej.pdfviewer.FormFields
+ );
+
+ const pdfviewer = new ej.pdfviewer.PdfViewer({
+ documentPath:
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+
+ resourceUrl:
+ 'https://your-site.sharepoint.com/sites/PdfViewerDemo/SiteAssets/ej2-pdfviewer-lib'
+ });
+
+ pdfviewer.appendTo('#PdfViewer');
+ };
+
+ document.head.appendChild(script);
+}
+```
+
+Remember to replace `your-site.SharePoint.com/sites/PdfViewerDemo` in both the `script.src` and `resourceUrl` with the actual URL of your SharePoint site before serving the web part.
+
+## Configure SharePoint Workbench
+
+Open `config/serve.json` and update the `pageUrl` (or `initialPage`) entry to point to your SharePoint site:
+
+```json
+{
+ "pageUrl": "https://your-site.sharepoint.com/sites/PdfViewerDemo/_layouts/15/workbench.aspx"
+}
+```
+
+Replace `your-site.SharePoint.com/sites/PdfViewerDemo` with the actual host name and site path of your tenant so that the local debug bundle loads against the correct site.
+
+## Run the Application
+
+```bash
+npm start
+```
+
+Open:
+
+```
+https://your-site.sharepoint.com/sites/PdfViewerDemo/_layouts/15/workbench.aspx
+```
+
+
+> [View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master).
+
+## See Also
+
+- [PDF Viewer Getting Started](../getting-started)
+- [Toolbar Customization](../toolbar)
+- [Annotations](../annotations)
+- [Form Designer](../forms/overview)
+- [Page Organizer](../organize-pdf)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/environment-integration/sharepoint.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/environment-integration/sharepoint.md
new file mode 100644
index 0000000000..5ef8775897
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/environment-integration/sharepoint.md
@@ -0,0 +1,195 @@
+---
+layout: post
+title: Integrate TypeScript PDF Viewer in SharePoint | Syncfusion
+description: Learn how to deploy and integrate the Syncfusion PDF Viewer component in a SharePoint Framework (SPFx) TypeScript application.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Deploy and Integrate TypeScript PDF Viewer in SharePoint Framework
+
+This guide shows you how to create a SharePoint Framework (SPFx) TypeScript web part and add the Syncfusion PDF Viewer component to a SharePoint Online page.
+
+## Prerequisites
+
+Before creating the SharePoint application, ensure that the following software is installed:
+
+- [Node.js 22.x](https://nodejs.org/en/download)
+- [Yeoman](https://yeoman.io/)
+- [SharePoint Framework Generator](https://www.npmjs.com/package/@microsoft/generator-sharepoint)
+
+References:
+
+- [Set up your SharePoint Framework development environment](https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment)
+- [Node.js release schedule](https://nodejs.org/en/about/previous-releases)
+
+Install the required SharePoint Framework tools:
+
+```bash
+npm install -g yo
+npm install -g @microsoft/generator-sharepoint
+```
+
+> Note: The examples in this topic were tested with **Node.js 22.x**, the **SharePoint Framework generator 1.23.2**, and **Syncfusion EJ2 PDF Viewer ^34.2.5**. To confirm the installed versions on your machine, run `node -v`, `npm -v`, and `yo --version` for the generator.
+
+## Create a SharePoint Framework Project
+
+Create a new project folder:
+
+```bash
+mkdir pdfviewer-spfx
+cd pdfviewer-spfx
+```
+
+Generate the SharePoint Framework project:
+
+```bash
+yo @microsoft/sharepoint
+```
+
+Choose the following options when prompted:
+
+```
+Solution Name: pdfviewer-spfx
+
+Target for component:
+SharePoint Online only (latest)
+
+Place files:
+Use current folder
+
+Deploy solution to all sites immediately:
+No
+
+Permissions:
+No
+
+Component Type:
+WebPart
+
+Web Part Name:
+PdfViewer
+
+Framework:
+No Framework
+```
+
+> Note: The generated project uses TypeScript by default.
+
+## Install Syncfusion PDF Viewer
+
+```bash
+npm install @syncfusion/ej2-pdfviewer
+```
+
+## Add PDF Viewer Resources
+
+Download the following files:
+
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.js
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.wasm
+
+Create the following folder in your SharePoint site assets:
+
+```
+SiteAssets
+└── ej2-pdfviewer-lib
+ ├── pdfium.js
+ └── pdfium.wasm
+```
+
+Upload the downloaded files to the folder.
+
+## Add PDF Viewer Component
+
+Open:
+
+```
+src/webparts/pdfViewer/PdfViewerWebPart.ts
+```
+
+Add the required imports at the top of the file:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+```
+
+Replace the `render` method with the following:
+
+```ts
+public render(): void {
+
+ this.domElement.innerHTML = `
+
+
+ `;
+
+ PdfViewer.Inject(
+ Toolbar,
+ Magnification,
+ Navigation,
+ LinkAnnotation,
+ BookmarkView,
+ ThumbnailView,
+ Print,
+ TextSelection,
+ TextSearch,
+ Annotation,
+ FormFields,
+ FormDesigner
+ );
+
+ const viewer: PdfViewer = new PdfViewer({
+ documentPath:
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+ resourceUrl:
+ 'https://your-sharepoint-site/SiteAssets/ej2-pdfviewer-lib'
+ });
+
+ viewer.appendTo('#pdfViewer');
+}
+```
+
+Remember to replace `https://your-SharePoint-site` in `resourceUrl` with the URL of your SharePoint site before serving the web part.
+
+## Configure SharePoint Workbench
+
+Open `config/serve.json` and find the `initialPage` entry. Replace the URL with your SharePoint site:
+
+```json
+{
+ "serveConfigurations": {
+ "default": {
+ "initialPage": "https://your-sharepoint-site/_layouts/15/workbench.aspx?debugManifestsFile=https://localhost:4321/temp/build/manifests.js&debug=true&noredir=true"
+ }
+ }
+}
+```
+
+Replace `your-SharePoint-site` with the actual host name of your tenant so that the local debug bundle loads against the correct site.
+
+## Run the Application
+
+```bash
+npm start
+```
+
+Open:
+
+```
+https://your-sharepoint-site/_layouts/15/workbench.aspx?debugManifestsFile=https://localhost:4321/temp/build/manifests.js&debug=true&noredir=true
+```
+
+Add the PdfViewer web part to the page.
+
+>[View sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master).
+
+## See Also
+
+- [PDF Viewer Getting Started](../getting-started)
+- [Toolbar Customization](../toolbar)
+- [Annotations](../annotations)
+- [Form Designer](../forms/overview)
+- [Page Organizer](../organize-pdf)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/share-point.md b/Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/share-point.md
index 0324f9651f..34d73cd241 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/share-point.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/share-point.md
@@ -1,175 +1,291 @@
---
layout: post
-title: Share Point in React PDF Viewer | Syncfusion
-description: Integrate the Syncfusion React PDF Viewer into a SharePoint Framework (SPFx) web part for use inside Microsoft SharePoint sites.
-control: PDF Viewer
+title: Integrate React PDF Viewer in SharePoint | Syncfusion
+description: Learn how to deploy and integrate the Syncfusion React PDF Viewer component in a SharePoint Framework (SPFx) React web part.
platform: document-processing
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
-# React PDF Viewer in SharePoint Framework
-
-## Overview
+# Deploy and Integrate React PDF Viewer in SharePoint Framework
-This quickstart shows how to integrate the [React PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/react-pdf-viewer) into a SharePoint Framework (SPFx) React web part. It covers creating the web part, installing the `@syncfusion/ej2-react-pdfviewer` package, adding the required CSS, supplying runtime assets either from the Syncfusion CDN or from Site Assets, and a minimal TypeScript component that renders a PDF in the browser (standalone / client-only).
+This guide shows you how to create a SharePoint Framework (SPFx) React web part and add the Syncfusion React PDF Viewer component to a SharePoint Online page.
## Prerequisites
-- A SharePoint development environment and a Microsoft 365 tenant (for testing/deployment).
-- Node.js compatible with your SPFx version (check SPFx docs).
-- Yeoman and the SPFx generator: `npm install -g yo @microsoft/generator-sharepoint`.
-- Gulp: `npm install -g gulp-cli`.
+Before creating the SharePoint application, ensure that the following software is installed:
+
+- [Node.js 22.x](https://nodejs.org/en/download)
+- [Yeoman](https://yeoman.io/)
+- [Gulp CLI](https://www.npmjs.com/package/gulp-cli)
+- [SharePoint Framework Generator](https://www.npmjs.com/package/@microsoft/generator-sharepoint)
+
+References:
-## Create an SPFx React web part
+- [Set up your SharePoint Framework development environment](https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment)
+- [Node.js release schedule](https://nodejs.org/en/about/previous-releases)
-Run the SharePoint generator and choose the React framework (TypeScript recommended). Example answers shown in parentheses.
+Install the required SharePoint Framework tools:
```bash
-yo @microsoft/sharepoint
-# Solution name: pdfviewer-spfx
-# Target: SharePoint Online only (latest)
-# Component type: WebPart
-# Web part name: PdfViewer
-# Framework: React
+npm install -g yo
+npm install -g gulp-cli
+npm install -g @microsoft/generator-sharepoint
+```
+
+Verify the installed versions:
+
+```bash
+node -v
+npm -v
+yo --version
```
-This creates the usual SPFx project tree (no `src/`/`app/` ambiguity): React components live under `src/webparts/pdfViewer/components` and global web part assets are under `src/webparts/pdfViewer/assets`.
+> Note: The examples in this topic were tested with **Node.js 22.x** and the **SharePoint Framework generator 1.23.2**.
-## Install Syncfusion package
+## Create a SharePoint Framework React Project
-In the project root run:
+Create a new project folder:
```bash
-npm install @syncfusion/ej2-react-pdfviewer --save
+mkdir pdfviewer-spfx-react
+cd pdfviewer-spfx-react
```
-Keep the package version aligned with the runtime assets you host.
+Generate the SharePoint Framework project:
-## Add Syncfusion CSS
+```bash
+yo @microsoft/sharepoint
+```
-Import the Syncfusion theme styles so the viewer is bundled with the web part. Themes for PDF Viewer can be applied using CSS or SASS files from the [npm theme packages](https://ej2.syncfusion.com/react/documentation/appearance/theme#theme-packages), CDN, CRG, or [Theme Studio](https://ej2.syncfusion.com/react/documentation/appearance/theme-studio). For more information, see the [themes documentation](https://ej2.syncfusion.com/react/documentation/appearance/theme).
+Choose the following options when prompted:
-This guide uses the `Tailwind 3` theme as an example. To install the [Tailwind 3](https://www.npmjs.com/package/@syncfusion/ej2-tailwind3-theme) theme package, use the following command:
+```
+Solution Name:
+pdfviewer-spfx-react
-```bash
-npm install @syncfusion/ej2-tailwind3-theme
+Target for component:
+SharePoint Online only (latest)
+
+Place files:
+Use current folder
+
+Deploy solution to all sites immediately:
+No
+
+Permissions:
+No
+
+Component Type:
+WebPart
+
+Web Part Name:
+PdfViewer
+
+Framework:
+React
```
-In your React component file (TypeScript example below) import the CSS from node_modules:
+> Note: The generated project uses TypeScript by default, with the React framework selected.
-```ts
-import '@syncfusion/ej2-tailwind3-theme/styles/pdfviewer/index.css';
+## Install Syncfusion React PDF Viewer
+
+```bash
+npm install @syncfusion/ej2-react-pdfviewer --save
```
-N> The `index.css` file automatically includes all required dependent component styles for the PDF Viewer. You do not need to import individual dependency styles such as Base, Buttons, Dropdowns, Inputs, Navigations, Popups, and SplitButtons separately.
+## Add PDF Viewer Resources
-If your SPFx build configuration forbids direct CSS imports from node_modules, add the `@import` line to your component CSS (for example `PdfViewer.module.css`) using the appropriate path or deploy the CSS from a CDN.
+Download the following files:
-## Provide runtime assets and choose rendering mode
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.js
+- https://cdn.syncfusion.com/ej2/latest/dist/ej2-pdfviewer-lib/pdfium.wasm
-SPFx web parts run in the browser, so standalone (client-only) rendering is the natural default: the PDF Viewer runs in the user's browser and uses `resourceUrl` to load runtime assets (pdfium.js, pdfium.wasm and supporting files). The optional server-backed mode uses `serviceUrl` instead, pointing to a PDF rendering web service.
+Create the following folder in your SharePoint site assets:
-Two deployment options for the runtime assets:
+```
+SiteAssets
+└── ej2-pdfviewer-lib
+ ├── pdfium.js
+ └── pdfium.wasm
+```
-- Recommended — Use the Syncfusion CDN (fast, simplest): set `resourceUrl` to the CDN folder that matches your installed package version, e.g.:
+Upload the downloaded files to the folder. For example:
-```ts
-resourceUrl = "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib";
+```
+https://your-site.sharepoint.com/sites/PdfViewerDemo/SiteAssets/ej2-pdfviewer-lib
```
-- Self‑hosted — Upload `ej2-pdfviewer-lib` to a public CDN or to a SharePoint library (for example, Site Assets). If you upload to Site Assets, use the full site URL for `resourceUrl`, for example:
+## Update Component Interface
+
+Open:
-```ts
-resourceUrl = "https://contoso.sharepoint.com/sites/YourSite/SiteAssets/ej2-pdfviewer-lib";
+```
+src/webparts/pdfViewer/components/IPdfViewerProps.ts
```
-Notes on rendering modes and SPFx:
+Replace the file contents with an empty props interface:
-- Standalone (client-only): fully supported in SPFx — set `resourceUrl` as above and the viewer will render entirely in the browser. This is the recommended, simplest approach for SPFx web parts.
-- Server‑backed (optional): to use server-side rendering, set `serviceUrl` (pointing to your PDF rendering web service) instead of `resourceUrl`.
+```ts
+export interface IPdfViewerProps {
+}
+```
-Important: ensure any host you use serves `.wasm` files with Content-Type `application/wasm` and that tenant/content security policies permit fetching assets from the chosen host.
+## Add the PDF Viewer React Component
-## Add the React component (TypeScript)
+Open:
-Create `PdfViewerClient.tsx` under `src/webparts/pdfViewer/components` and paste the minimal example below. This component is safe for SPFx, which runs in the browser. The CSS imports are listed in the previous section; the following snippet focuses on the component itself:
+```
+src/webparts/pdfViewer/components/PdfViewer.tsx
+```
+
+Replace the entire file with the following:
{% tabs %}
-{% highlight js tabtitle="Standalone" %}
+{% highlight ts tabtitle="Standalone" %}
{% raw %}
-// src/webparts/pdfViewer/components/PdfViewerClient.tsx
import * as React from 'react';
+import type { IPdfViewerProps } from './IPdfViewerProps';
+
import {
PdfViewerComponent,
Toolbar,
Magnification,
Navigation,
+ LinkAnnotation,
+ BookmarkView,
+ ThumbnailView,
+ Print,
+ TextSelection,
+ TextSearch,
Annotation,
- Inject,
+ FormFields,
+ FormDesigner,
+ Inject
} from '@syncfusion/ej2-react-pdfviewer';
-import '@syncfusion/ej2-pdfviewer/styles/material.css';
-export const PdfViewerClient: React.FC = () => {
- const [mounted, setMounted] = React.useState(false);
- React.useEffect(() => setMounted(true), []);
- if (!mounted) return null;
+export default class PdfViewer extends React.Component {
+ public render(): React.ReactElement {
- return (
-
+ return (
-
+
-
- );
-};
-
-export default PdfViewerClient;
+ );
+ }
+}
{% endraw %}
{% endhighlight %}
{% endtabs %}
-## Use the component in the web part
+Remember to replace `your-site.sharepoint.com/sites/PdfViewerDemo` in `resourceUrl` with the URL of your SharePoint site before serving the web part.
+
+## Update the Web Part
+
+Open:
-Open the generated web part React file (for example `src/webparts/pdfViewer/components/PdfViewer.tsx`) and render `PdfViewerClient`. Replace the default render output with the following:
+```
+src/webparts/pdfViewer/PdfViewerWebPart.ts
+```
+
+Add a helper method to load the Tailwind 3 theme stylesheet from the Syncfusion CDN at runtime. Place it inside the class:
```ts
-import * as React from 'react';
-import { PdfViewerClient } from './PdfViewerClient';
+private loadStyles(): void {
+
+ const linkId = 'ej2-tailwind3-theme';
-export default function PdfViewer(): JSX.Element {
- return (
-
-
-
+ if (!document.getElementById(linkId)) {
+
+ const link = document.createElement('link');
+
+ link.id = linkId;
+ link.rel = 'stylesheet';
+ link.href =
+ 'https://cdn.syncfusion.com/ej2/34.1.29/tailwind3.css';
+
+ document.head.appendChild(link);
+ }
+}
+```
+
+Update the `render` method so it loads the styles and mounts the React component into the web part's DOM element. Replace the existing element creation code (the block that passes `description`, `isDarkTheme`, `environmentMessage`, and `userDisplayName` props) with an empty props object:
+
+```ts
+public render(): void {
+
+ this.loadStyles();
+
+ const element: React.ReactElement = React.createElement(
+ PdfViewer,
+ {}
);
+
+ ReactDom.render(element, this.domElement);
}
```
-## Test and package
+## Configure SharePoint Workbench
-Run the local workbench for development:
+Open `config/serve.json` and update the `pageUrl` (or `initialPage`) entry to point to your SharePoint site:
-```bash
-gulp serve
-# open the local workbench or use SharePoint Online workbench for hosted assets
+```json
+{
+ "pageUrl": "https://your-site.sharepoint.com/sites/PdfViewerDemo/_layouts/15/workbench.aspx"
+}
```
-To package for deployment (when using self‑hosted assets make sure they are uploaded to your CDN or Site Assets before installing the package):
+Replace `your-site.sharepoint.com/sites/PdfViewerDemo` with the actual host name and site path of your tenant so that the local debug bundle loads against the correct site.
+
+## Run the Application
```bash
-gulp bundle --ship
-gulp package-solution --ship
+npm start
+```
+
+Open:
+
```
+https://your-site.sharepoint.com/sites/PdfViewerDemo/_layouts/15/workbench.aspx
+```
+
+Add the `PdfViewer` web part to the page. The React PDF Viewer loads with the following modules enabled:
+
+- Toolbar
+- Navigation
+- Magnification
+- Text Selection
+- Text Search
+- Print
+- Annotations
+- Form Fields
+- Form Designer
+
+> [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master).
-## See also
+## See Also
-- [Getting started overview](../getting-started-overview)
-- [Creating a Next.js application using React PDF Viewer](./nextjs-getting-started)
-- [Getting started with React PDF Viewer in Preact](./preact)
-- [Getting started with React PDF Viewer in Remix](./remix)
\ No newline at end of file
+- [PDF Viewer Getting Started](../getting-started)
+- [Toolbar Customization](../toolbar)
+- [Annotations](../annotations)
+- [Form Designer](../forms/overview)
+- [Page Organizer](../organize-pdf)