React PDF Studio

Display PDFs in React as easily as images, with zoom, rotate, page controls and thumbnails and layers.

React PDF Studio — display PDFs in React as easily as images, with zoom, rotate, page controls and thumbnails and layers

How to use React PDF Studio

  1. Install react-pdf in your React 19 project with npm install react-pdf.
  2. Load a PDF file or paste a PDF URL to preview it in the studio.
  3. Tune scale, rotation, render mode and text and annotation layers.
  4. Copy the generated Document and Page code into your app.
  5. Wrap the viewer in Suspense and an Error Boundary as the repo README shows.
  6. Read numPages from onLoadSuccess and drive pageNumber from your own controls.

Features

  • Real react-pdf 11.0.0 viewer API with Document, Page, Thumbnail and Outline.
  • Scale presets from 0.5x to 2x plus rotation at 0, 90, 180 and 270 degrees.
  • Canvas, SVG, none and custom render modes with text and annotation layer toggles.
  • Page count detected from the PDF page tree and a locally built one-page demo PDF.
  • Password handling explained with PasswordResponses NEED_PASSWORD and INCORRECT_PASSWORD.
  • Copy-ready install commands and generated code using the repo README example.

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.