React PDFViewer

  • Allow users to view PDF documents directly in your app without the need for third-party software or plug-ins.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Embed PDF Preview into Your React Apps

    The KendoReact PDFViewer component allows users to view and interact with PDF files directly in the browser, without needing to download the file or use third-party tools or browser extensions. The PDFViewer control will significantly impact productivity and efficiency for developers that deal with software modules or entire applications for document management. The PDFViewer includes a toolbar with built-in features to open, view, and download PDF files, paging, PDF search options, zoom in/out, printing, and more. You can further customize the built-in commands and expand the toolbar with new ones such as adding a watermark or sending via email.

    See the React PDFViewer demo

  • Toolbar and Built-in Tools

    The PDF Viewer provides a configurable toolbar to help users interact. You can choose to enable and disable a combination of built-in tools or you can add your own. Built-in tools include: 

    • pager
    • zoom
    • selection
    • search
    • open
    • download
    • print

    See the React PDFViewer Toolbar demo

  • Globalization

    Like the rest of KendoReact, the PDFViewer makes globalization easy through the following features:

    • Internationalization The component's UI will comply with culture settings. Number and currency formatting are common examples.
    • Right-to-left support: Items in the component UI will automatically layout right to left. 
    • Messages: Messages are easily translated.

    See the React PDFViewer Globalization demo

  • Custom Rendering

    The React PDFViewer exposes three events that allow you to customize its three primary nested components. These items are customizable: 

    • Toolbar: Add custom tools to the default toolbar.
    • Content: Override and configure the content displayed in the viewer
    • Loader: Use your own loading animation that appears as the document is loading.

    See the React PDFViewer Custom Rendering demo

All KendoReact Components

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.