Docs
Plugins
Localizations
Examples
Updates
Purchase

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
Support RTL languages

Built-in RTL support

  • The user interface supports right-to-left (RTL) languages such as Arabic, Farsi, Hebrew, Pashto, Persian, Sindhi, Urdu, etc.
See more

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

Accessibility support

  • Follow the WAI-ARIA standards.
  • Users can navigate between components with the keyboard only.
Customization
Responsive

Responsive layout

The user interface is compatible with popular screen sizes including mobile, tablet and desktop screens

Customization

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

Starters

Compatible with popular bundlers and starter kits
See more

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

Purchase