Overview
Uxie’s PDF reader provides a powerful, intuitive interface for reading and interacting with PDF documents. Built on modern web technologies, it offers smooth navigation, flexible viewing options, and seamless integration with all other Uxie features.Key Features
Smart Navigation
Navigate through documents with page controls, keyboard shortcuts, and quick jump functionality
Flexible Zoom
Adjust zoom levels from 50% to 200% for comfortable reading at any screen size
Custom Backgrounds
Choose from multiple background colors to reduce eye strain and match your preferences
Link Control
Enable or disable PDF hyperlinks to prevent accidental navigation
Getting Started
Uploading a PDF
- Click the Upload button in your workspace
- Either:
- Drag and drop a PDF file (up to 8MB)
- Enter a URL pointing to a PDF
- Select a file from your computer
- Wait for the upload to complete
- Your PDF will open automatically in the reader
The maximum file size is 8MB for standard uploads. Page limits depend on your subscription plan.
Basic Navigation
Page Controls
The bottom toolbar provides comprehensive page navigation:- Previous/Next buttons: Navigate one page at a time
- Page input field: Jump directly to any page number
- Page indicator: Shows current page and total page count
Keyboard Shortcuts
Essential Keyboard Shortcuts
Essential Keyboard Shortcuts
- Arrow Keys: Navigate between pages
- Ctrl/Cmd + Plus/Minus: Zoom in/out
- Escape: Close popups and deselect text
- Enter: Confirm page jump in navigation input
Viewing Controls
Zoom Functionality
The zoom controls allow you to adjust the document size for optimal readability:- Click the zoom buttons in the toolbar to increase or decrease zoom
- Available zoom levels: 50%, 75%, 100%, 125%, 150%, 175%, 200%
- Zoom changes apply immediately without page reload
Background Colors
Customize your reading environment with different background colors:Choose Color
Select from available options:
- White (default)
- Sepia (warm, paper-like)
- Dark (for low-light reading)
- Custom colors
Document Management
Editing Document Title
As a document owner or editor:- Click on the document title at the top of the viewer
- Type your new title
- Press Enter to save or Escape to cancel
Viewers cannot edit document titles. Only owners and editors have this permission.
Link Behavior
Control how hyperlinks in PDFs behave:- Links enabled (default): Clickable links navigate to destinations
- Links disabled: Links cannot be clicked, preventing accidental navigation during text selection and highlighting
Technical Details
Implementation
The PDF reader is built using:- react-pdf-highlighter: Core PDF rendering and interaction (
/src/components/pdf-reader/reader.tsx:8) - PDF.js: Mozilla’s PDF rendering engine
- Custom toolbar: React components for navigation and settings (
/src/components/pdf-reader/toolbar/index.tsx)
Performance
- Pages are rendered on-demand as you scroll
- Zoom operations are optimized for smooth performance
- Last read page is automatically saved and restored
Browser Compatibility
Uxie’s PDF reader works in all modern browsers:- Chrome/Edge (recommended)
- Firefox
- Safari
- Opera
Related Features
Annotations
Highlight and annotate your PDFs
Text-to-Speech
Listen to your documents
Note Taking
Take notes alongside your reading
AI Chat
Ask questions about your document
Troubleshooting
PDF won't load
PDF won't load
- Check that the file is a valid PDF
- Ensure the file size is under 8MB
- Try refreshing the page
- Check your internet connection
Zoom is too slow
Zoom is too slow
- Close other browser tabs to free up memory
- Disable browser extensions that might interfere
- Try a smaller zoom level (e.g., 100% or 125%)
Pages appear blank
Pages appear blank
- Wait a moment for pages to render
- Check browser console for errors
- Try refreshing the page
- Ensure JavaScript is enabled