Skip to content

farhandigital/devto-enhanced

Repository files navigation

dev.to Enhanced

Version License Built with WXT

A browser extension that transforms your dev.to reading experience with decluttering tools, enhanced navigation, and other tools.


✨ Features

All features are fully toggleable via the extension popup menu.

🧹 Decluttering

  • Global — Hide the Subforem switcher for a cleaner interface.
  • Homepage — Remove left and right sidebars to focus on the feed.
  • Article — Remove sidebars, center the content, and relocate engagement buttons.

📖 Article Enhancements

  • Sticky Table of Contents — Auto-generated, scrollspy-enabled ToC for easy navigation.
  • Reading Statistics — Display word count and estimated reading time.
  • Copy Article — One-click copy to Markdown with full formatting preservation.

For a detailed breakdown of every feature's capabilities, see docs/FEATURES.md.

📥 Installation

Mozilla Firefox

Firefox Add-on

Install directly from Firefox Add-ons (AMO)

Google Chrome/Edge

Important

Not yet available on official extension stores. Use the manual installation steps below.

Click for manual installation instructions

Download from GitHub Releases

For Google Chrome/Edge:

  1. Download the latest Chrome extension package from GitHub Releases
  2. Extract the downloaded ZIP file to a folder on your computer.
  3. Open Chrome/Edge and navigate to chrome://extensions/.
  4. Enable Developer mode (toggle in the top right).
  5. Click on Load unpacked.
  6. Select the extracted folder containing the extension files.

For Mozilla Firefox:

  1. Download the latest Firefox extension package from GitHub Releases
  2. Extract the downloaded ZIP file to a folder on your computer.
  3. Open Firefox and navigate to about:debugging#/runtime/this-firefox.
  4. Click on Load Temporary Add-on....
  5. Select the manifest.json file located inside the extracted folder.

The extension icon should now appear in your browser's toolbar.

🛠️ Quick Dev

Prerequisites: Bun and a Chromium or Firefox browser.

# 1. Install dependencies
bun install

# 2. Start development server (Chrome)
bun run dev

# 3. Build for production
bun run build

For specific guides on adding new features and the full project structure, see docs/DEVELOPMENT.md.

🤝 Contributing

Contributions are welcome! Please see CONTRIBUTING.md for details on how to get started

Reporting Issues

When reporting bugs, please include:

  • Browser and extension version
  • Steps to reproduce the issue
  • Expected vs actual behavior
  • Console errors (if any)

📝 License

This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.

About

a browser extension for enhancing your reading experience on dev.to by clearing clutters, adding Table of Content, and much more

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Packages

 
 
 

Contributors