DEV Community

codebunny20
codebunny20

Posted on

I made a Magnifier Toggle — A Simple Zoom‑Lens Browser Extension

Magnifier Toggle is a small experiment I built while teaching myself how browser extensions work. I’m still learning and figuring things out as I go, so the code isn’t perfect yet — but the extension works, and I’m fixing the newbie bugs as I get better.
The extension adds a circular “magnifying glass” to any webpage. Click the toolbar icon to toggle it on or off, and the lens follows your mouse with a zoomed‑in view of the page. It’s lightweight, minimal, and a fun project for learning MV3.

GitHub:https://github.com/codebunny20/Extensions-By-Bunny.git

✨ What it does
• Adds a circular magnifier overlay
• Follows your cursor smoothly
• Zoom level can be adjusted
• Lens size can be adjusted
• Escape key disables it
• Works on most normal sites

🧠 Why I built it
I’m self‑teaching and learning by doing. This project helped me understand:
• how MV3 background service workers work
• how content scripts interact with the page
• how to inject and style overlays
• how to handle mouse movement and zoom math
It’s not perfect, but I’m improving it as I learn more.

🚀 How to try it

  1. Download or clone the repo
  2. Open your browser’s extensions page
  3. Turn on Developer Mode
  4. Load the folder as an unpacked extension
  5. Click the toolbar icon to toggle the magnifier

Top comments (1)

Collapse
 
emirjensen profile image
Emir John

Hello, nice to meet you.
I’m a software developer, lead a small team and looking to expand my business. For this, I’m seeking local business partners who can support operations in their region.
No special technical skills are required. This is a paid monthly role, and we highly value passion, honesty, and responsibility.
All positions are fully remote, part-time (1–2 hours per day), and percentage-based, offering flexibility to work from anywhere and at any time. There are also strong opportunities for long-term growth and ongoing collaboration.
If you’re interested, I’d be happy to discuss the details further.

Telegram: @miracle0416
Discord: @gouka12
Thank you.