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
  • 20 built-in plugins
  • Develop and reuse custom plugins
See more
Scalable architecture
Rich features

Rich features

  • Download
  • Drag and drop
  • Full screen mode
  • Highlight
  • Page navigation
  • Print
  • Rotate
  • Scroll modes
  • Search
  • Selection modes
  • Table of contents
  • Theme
  • Thumbnails
  • Zoom
See more

Localization

  • Support translating UI
  • Switch between locales
  • 12 built-in localization files
  • Arabic
  • Chinese
  • English
  • French
  • German
  • Italian
  • Japanese
  • Korean
  • Portuguese
  • Russian
  • Spanish
  • Vietnamese
See more
Localization
Support RTL languages

Built-in RTL support

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

Theming

  • Customize theme with CSS variables
  • Dark and light themes
  • Switch between themes
See more
Click this button to switch between themes

Accessibility support

  • Follow the WAI-ARIA standards
  • Navigate with the keyboard only
Customization
Responsive

Responsive layout

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

Customization

  • Customize the UI completely
  • 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