Installation

Use @markpdf/react when you want React hooks and upload progress in a controlled client-side app. For public production apps, prefer calling your own backend so the private API key stays server-side.

Install

npm install @markpdf/react

pnpm add @markpdf/react

yarn add @markpdf/react

bun add @markpdf/react

Configure the provider

import { MarkpdfProvider } from "@markpdf/react";

export function App() {
  return (
    <MarkpdfProvider apiKey="YOUR_API_KEY">
      <YourUploader />
    </MarkpdfProvider>
  );
}

A key used directly in React is visible in the browser. Use this only for prototypes, internal tools, or restricted public keys. For Next.js, use @markpdf/nextjs.

API endpoint

The production API endpoint is:

https://api.markpdf.tech

Next step

Continue with Quickstart.

Python

Node.js / TypeScript

C++

Next.js

Angular

React

React Native

Svelte

Bun

Flutter

Java

Kotlin

Installation

Installation

Install

Configure the provider

API endpoint

Next step

​Installation

​Install

​Configure the provider

​API endpoint

​Next step

Installation

Install

Configure the provider

API endpoint

Next step