# PDF Preview Page

> Top-level Next.js page that loads the PDF.js library dynamically, orchestrates PDF processing (converting each page into a canvas screenshot), manages shared state (library readiness, file, error handling, screenshots), and renders the FileUpload component—passing down callbacks and state. It serves as the primary entry point of the mini “PDF previewer” feature.

- Author: [Ankit Verma](https://21st.dev/@itsankitverma)
- License: unknown
- Live preview: https://21st.dev/@itsankitverma/components/pdf-preview-page

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/itsankitverma/pdf-preview-page?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt