Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/phuoc-ng/react-pdf-viewer
A React component to view a PDF document
https://github.com/phuoc-ng/react-pdf-viewer
pdf-viewer pdfjs react react-hooks typescript
Last synced: about 1 month ago
JSON representation
A React component to view a PDF document
- Host: GitHub
- URL: https://github.com/phuoc-ng/react-pdf-viewer
- Owner: react-pdf-viewer
- License: other
- Created: 2020-01-24T04:31:13.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-02-21T15:36:11.000Z (7 months ago)
- Last Synced: 2024-05-19T21:13:45.682Z (4 months ago)
- Topics: pdf-viewer, pdfjs, react, react-hooks, typescript
- Language: TypeScript
- Homepage: https://react-pdf-viewer.dev
- Size: 11.4 MB
- Stars: 2,045
- Watchers: 24
- Forks: 206
- Open Issues: 290
-
Metadata Files:
- Readme: README.md
- Changelog: changelogs/v1.0.0.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-react-components - react-pdf-viewer - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. (UI Components / Miscellaneous)
- awesome-react - react-pdf-viewer - A PDF viewer made for React (Uncategorized / Uncategorized)
- awesome-react - react-pdf-viewer - A React component to view a PDF document.  (UI Components / Viewer)
- awesome-learning-resources - react-pdf-viewer - A PDF viewer made for React (Uncategorized / Uncategorized)
- awesome-react-components - react-pdf-viewer - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. (UI Components / Miscellaneous)
- awesome-react-components - react-pdf-viewer - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. (UI Components / Miscellaneous)
- fucking-awesome-react-components - react-pdf-viewer - 🌎 [docs](react-pdf-viewer.dev) - A React component to view a PDF document. (UI Components / Miscellaneous)
- awesome-react - react-pdf-viewer - A React component to view a PDF document ` 📝 7 days ago` (React [🔝](#readme))
- awesome-vietnamese - View PDF ReactJS
- awesome-react-cn - react-pdf-viewer - A PDF viewer made for React (Uncategorized / Uncategorized)
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)