A rich features,
powerful React component
to view a PDF document

You can drag and drop a PDF document to the demo area below

written in TypeScript • plugin architecture • requires React 16.8+

// Core viewer
import { Viewer } from '@react-pdf-viewer/core';
// Plugins
import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
// Import styles
import '@react-pdf-viewer/core/lib/styles/index.css';
import '@react-pdf-viewer/default-layout/lib/styles/index.css';
// Create new plugin instance
const defaultLayoutPluginInstance = defaultLayoutPlugin();
<Viewer
fileUrl='/assets/pdf-open-parameters.pdf'
plugins={[
// Register plugins
defaultLayoutPluginInstance,
...
]}
/>

Trusted by customers at

Scalable architecture

  • Plugin architecture with 19 built-in plugins.
  • Can develop and reuse custom plugins.
See more
Scalable architecture
Rich features

Rich features

DownloadDrag and dropFull screen modeHighlightTable of contentsPage navigationPrintRotateScroll modesSearchSelection modesThemeThumbnailsZoom
See more

Localization

  • Support translating UI into another language.
  • Provide a plugin to switch between locales.
  • Provide built-in localization files for:
  • Arabic
  • Chinese
  • English
  • French
  • German
  • Italian
  • Japanese
  • Korean
  • Portuguese
  • Russian
  • Spanish
  • Vietnamese
See more
Localization

Theming

  • Customize theme easily with CSS variables.
  • Support dark and light themes.
  • Provide the components to switch between themes.
See more
Click this button to switch between themes
Customization

Customization

  • Can customize the UI completely.
  • Can add your own components to toolbar, sidebar or pages.
See more

Starters

Compatible with popular bundlers and starter kits
See more
Create React AppElectronGatsbyNextJSParcelRescriptRollupSnowpackWebpack

A rich features, powerful React component to view a PDF document

Puchase