Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/react-pdf-viewer/react-pdf-viewer
A React component to view a PDF document
https://github.com/react-pdf-viewer/react-pdf-viewer
pdf-viewer pdfjs react react-hooks typescript
Last synced: 1 day ago
JSON representation
A React component to view a PDF document
- Host: GitHub
- URL: https://github.com/react-pdf-viewer/react-pdf-viewer
- Owner: react-pdf-viewer
- License: other
- Created: 2020-01-24T04:31:13.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T18:31:17.000Z (4 months ago)
- Last Synced: 2024-12-20T02:35:10.889Z (5 days ago)
- Topics: pdf-viewer, pdfjs, react, react-hooks, typescript
- Language: TypeScript
- Homepage: https://react-pdf-viewer.dev
- Size: 11.7 MB
- Stars: 2,320
- Watchers: 26
- Forks: 258
- Open Issues: 345
-
Metadata Files:
- Readme: README.md
- Changelog: changelogs/v1.0.0.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-github-repos - react-pdf-viewer/react-pdf-viewer - A React component to view a PDF document (TypeScript)
README
# React PDF viewer
A React component to view a PDF document. It's written in TypeScript, and powered by React hooks completely.
```javascript
// Core viewer
import { Viewer } from '@react-pdf-viewer/core';
// Plugins
import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
// Import styles
import '@react-pdf-viewer/core/lib/styles/index.css';
import '@react-pdf-viewer/default-layout/lib/styles/index.css';
// Create new plugin instance
const defaultLayoutPluginInstance = defaultLayoutPlugin();
```
## Features
**Basic features**
- [x] Support password protected document
- [x] Zooming: Support custom levels such as actual size, page fit, and page width
- [x] Navigation between pages
- [x] Can go to the first and last pages quickly
- [x] Search for text
- [x] Preview page thumbnails
- [x] View and navigate the table of contents
- [x] List and download attachments
- [x] Rotating
- [x] Text selection and hand tool modes
- [x] Different scrolling modes
- [x] Full screen mode
- [x] Can open a file from local. Users can drag and drop a local file to view it
- [x] Download file
- [x] View the document properties
- [x] Support SSR
- [x] Print
- [x] Theming
- [x] Dark mode
- [x] Accessibility
**Customization**
- [x] The toolbar can be customized easily
- [x] All text items can be localized in another language
## License
You have to purchase a Commercial License at the [official website](https://react-pdf-viewer.dev).
## About
This project is developed by _Nguyen Huu Phuoc_. I love building products and sharing knowledge.
- [DEV](https://dev.to/phuocng)
- [Github](https://github.com/phuocng)