React PDF Viewer component library logo displayed on the installation setup page

Render PDF Files
in your React Project Easily

The React PDF Viewer component that you’ll actually enjoy using in any website, web app or SASS. Simple and fast to integrate
Step 1

Install React PDF library with your preferred package manager

npm install @react-pdf-kit/viewer
bun, pnpm and yarn are also supported.
React PDF Kit faster setup icon indicating quick installation in React projectsNeed a faster set up? Fork a sample project

Step 2

Select a React framework and use the React PDF component

src/App.jsx
import {
  RPConfig,
  RPProvider,
  RPLayout,
  RPPages,
} from "@react-pdf-kit/viewer";

function App() {
  return (
    <RPConfig licenseKey="YOUR_DOMAIN_TOKEN">
      <RPProvider src="https://cdn.codewithmosh.com/image/upload/v1721763853/guides/web-roadmap.pdf">         
         <RPLayout toolbar>
            <RPPages />
         </RPLayout>
      </RPProvider>
    </RPConfig>
  );
}
export default App;
Discover more

Looking to Get Started Even Faster?

Explore carefully prepared examples and demos for the React framework of your choice.

Can’t find one that fits your need?
Request here

What’s Next?

Now that you successfully used the React PDF Viewer component, let’s explore how to customize and take advantage of other React PDF features.