Ream is a simple, clean, open-source reader mode extension for Chrome and Firefox.
To play around with Ream's theming, you can head to the website.
I find most existing reader mode extensions to be lacking in the things I need. Many of them have outdated UIs, are closed-source, and in some cases contain malware.
There are some great open-source reader mode extensions, but the user interfaces don't appeal to me.
In the spirit of personal software, I spent a few days learning about creating browser extensions and built my own reader mode!
activeTab: To access the current tab's content.storage: To save the user's theme preferences.scripting: To replace the current page's content with the reader mode version (under a Shadow Root).
- wxt: Framework for building cross-browser extensions.
- react: UI.
- lucide-react: Icons.
- tailwindcss: Styling.
- Radix UI / shadcn: Functionality for dropdown menu and buttons. I did the styling on my own.
- Flexoki and Rose Pine themes.
- Readability: For extracting the main content from the page.
- usehooks: Screen size hook.
- DexieJS: Wrapper for accessing IndexedDB.
- MiniSearch: Full text search of saved articles.
- wouter: Hash-based routing.
- Modern font stack: Beautiful system fonts.
This project is licensed under the MIT License. See the LICENSE file for details.