A Chrome extension that converts any webpage or PDF text to Bionic Reading format for improved reading speed and comprehension.
- ✅ Webpage Support: Works on any website
- ✅ Customizable: Adjust number of bold letters per word (1-4)
- ✅ Toggle On/Off: Easy enable/disable via popup
- ✅ Dynamic Content: Handles SPAs and dynamically loaded content
- ✅ Preserves Formatting: Maintains links, layout, and text selection
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode" in the top right
- Click "Load unpacked" and select this folder
- The extension icon will appear in your toolbar
- Navigate to any webpage or PDF
- Click the Bionic Reading extension icon
- Toggle "Enable Bionic Reading" to ON
- Adjust the "Bold Letters per Word" slider as needed
- The page text will be converted to Bionic Reading format
Bionic Reading emphasizes the first few letters of each word by making them bold. This creates "fixation points" that help guide eye movement and potentially improve reading speed while maintaining comprehension.
- Manifest V3: Uses the latest Chrome extension API
- Content Scripts: Processes DOM text nodes in real-time
- PDF.js Integration: Handles PDF text layers for hosted PDFs
- MutationObserver: Monitors dynamic content changes
- Storage API: Saves user preferences
- Regular webpages (HTML)
- Single Page Applications (SPAs)
- Hosted PDFs viewed in browser
- Dynamic content loaded via JavaScript
- Bold Letters: Choose 1-4 letters to bold per word
- Auto-enable: Extension remembers your preference per session
This extension:
- Only processes text on pages you visit
- Does not send any data to external servers
- Stores preferences locally in Chrome
- Works entirely offline
The extension consists of:
manifest.json: Extension configurationcontent.js: Main text processing logicpdf-handler.js: PDF-specific text handlingpopup.html/js: User interfacebionic.css: Styling for bionic text
MIT License - Feel free to modify and distribute.