DEV Community: codebunny20

Extensions‑By‑Bunny Showcase

codebunny20 — Fri, 05 Jun 2026 10:35:58 +0000

This is a complete look at my first four browser extensions + the new site where users can stay up to date
Over the past year, I’ve been building a small ecosystem of useful lightweight, privacy‑first browser extensions — each focused on solving one problem cleanly, locally, and without clutter.

To make everything easier for users, I’ve launched a full standalone site where you can follow updates, releases, previews, and store listings for every extension I build:

🔗 ExtensionsbyBunny — A centralized home for all my tools, updates, and announcements.

And as of today, every extension in the suite has been fully migrated to TypeScript.
This keeps the codebase stable, maintainable, and far less likely to break as browsers evolve.

Below is the complete breakdown of the first four extensions I’ve built — in the exact order they were created.

📖 Reading Ruler — My First Browser Extension
Reading Ruler was the very first extension I ever made, and the project that started my entire dev journey. It’s a simple accessibility tool that adds a clean horizontal highlight bar to help you keep your place while reading long articles, documentation, or PDFs.

Originally built in plain JavaScript, it wasn’t migrated to TypeScript until after Auto Scroll, but it’s now fully updated and future‑proof.

🔗 Reading Ruler — Chrome Web Store
🔗 ExtensionsbyBunny — Reading Ruler Page

🐰 Bunny Book — Built Between My Early Projects
Bunny Book came after Reading Ruler and before Auto Scroll, sitting right in the middle of my early development timeline.

It’s a cozy, local‑only multi‑note notepad that lives in your browser toolbar. You can create, edit, search, delete, and export notes — all stored privately in your browser with no accounts or external connections.

It has also been fully migrated to TypeScript to keep it stable long‑term.

🔗 Bunny Book — Chrome Web Store
🔗 ExtensionsbyBunny — Bunny Book Page

🚀 Auto Scroll — The First Extension I Migrated to TypeScript
Auto Scroll is the first extension I ever migrated to TypeScript, and it became the foundation for how I build my newer tools.

It automatically scrolls pages at your chosen speed — perfect for reading, monitoring, or hands‑free browsing. It’s simple, clean, and fully user‑controlled.

🔗 Auto Scroll — Chrome Web Store
🔗 ExtensionsbyBunny — Auto Scroll Page

🧮 Mathbox — Built After Bunny Book
Mathbox expands the suite into fast, focused calculation tools. It includes:

Standard Calculator

Ratio Calculator

Ohm’s Law Tool

Voltage & Resistor Calculators

Battery Calculator

Unit Converter

Everything opens instantly in a clean panel designed for quick work with zero distractions.
Mathbox is also fully migrated to TypeScript, keeping the entire suite consistent.

🔗 Mathbox — Chrome Web Store
🔗 ExtensionsbyBunny — Mathbox Page

🌐 The Extensions‑By‑Bunny Ecosystem
These four extensions represent the start of a growing suite of tools built around three principles:

Lightweight

usefulness

Privacy‑first

With everything now migrated to TypeScript, the entire suite is more stable, more maintainable, and better prepared for long‑term updates.

A full video showcase is also in the works, walking through each extension and its store page.

THANKS FOR READING🐰

Finally did it

codebunny20 — Tue, 02 Jun 2026 07:29:17 +0000

I finally got donations set up through my Ko‑fi. This gives anyone who wants to support me — my work, my projects, and my transition — a simple way to do it. Thank you to anyone who chooses to help. It means more than you know.

ko-fi.com

ExtensionsbyBunny

codebunny20 — Sun, 31 May 2026 16:35:15 +0000

Welcome to the official Extensions by Bunny hub. https://codebunny20.github.io/ExtensionsbyBunny/

This is where I will post:

New extension releases and version updates
Important announcements
Feature previews and development progress
Fixes, improvements, and change highlights
General news and anything else related to Extensions by Bunny Chrome extension store listings
Bunny Book https://chromewebstore.google.com/detail/bunny-book/meojmfeidmpdddebfjpfbadhhojampok
Reading Ruler https://chromewebstore.google.com/detail/reading-ruler/pagchebmocafbblcgkoloijoagjmpagm
Auto Scroll https://chromewebstore.google.com/detail/fkddbgkhajohfjdacldgagfdfckejdni?utm_source=item-share-cb

If you want to stay informed about what is new and what is coming next, this is the main place to check

Just a Quick auto scroll fix I stupidly forgot

codebunny20 — Sat, 30 May 2026 11:49:14 +0000

I added a much smoother default scrolling experience, plus a new Jump Scroll mode for people who want a more deliberate reading pace. When Jump Scroll is enabled, you can now control how long the page stays on each line with a new Line Delay setting, so the behavior is easier to tune for fast reading or slower, more comfortable scrolling.

I also cleaned up the settings layout to make the important options easier to find, moved the less-used options into an Advanced section, and updated the extension version and description for release.
🐰THANKS FOR READING

“Extensions by Bunny” hub launch

codebunny20 — Sat, 30 May 2026 10:56:43 +0000

I just launched a super small new site called Extensions by Bunny — a simple hub for all the browser extensions I’ve been building.

Right now it includes:

Auto Scroll – Automatically scrolls pages for you so you can read or watch hands‑free.

Bunny Book – A lightweight bookmarking helper to keep important pages easy to find.

Reading Ruler – Adds a visual guide so it’s easier to track lines while reading.

Each extension links directly to its Chrome Web Store listing, so you don’t have to download anything sketchy or mess with files—just install from the store like normal.

I’m also adding a link to my GitHub profile so you can see the code and any future projects I publish.
Codebunny

Check the site out here:
https://codebunny20.github.io/ExtensionsbyBunny/

If you try any of the extensions, I’d really appreciate feedback or bug reports so I can keep improving them, and there's lots more to come.

🐰THANKS FOR READING

I Built a Tiny Chrome Extension to Save My Mouse Wheel (Auto Scroll)

codebunny20 — Wed, 27 May 2026 12:04:49 +0000

I hate endlessly scrolling through long docs, articles, or social feeds just to keep up with content, and I've been trying to learn typescript so I built a simple Chrome extension called Auto Scroll.

The goal was straightforward:

Start and stop scrolling with one click
Control scroll speed quickly
Keep it lightweight, distraction-free, and easy to use
Why I Built It
I wanted something that helps with:

Reading long-form content hands-free
Following tutorials while taking notes
Reducing repetitive scrolling during research
Most tools I tried were either overloaded with options or clunky to control. I wanted minimal and reliable.

What It Does
The extension currently supports:

Toggle auto-scroll on any page
Speed control from the popup
Smooth behavior that works across most websites
It’s intentionally small and focused on one thing: better reading flow.

Tech Stack
Built with:

TypeScript
Chrome Extension APIs
Simple popup UI + background/content scripts
I kept the structure clean so it’s easy to maintain and iterate.

What I Learned
A few practical lessons from building this:

Extension popups need defensive UI handling (DOM elements can fail silently if assumptions are wrong)
Storage data should always be treated as untrusted shape and normalized on read
Small UX details like speed defaults make a huge difference in usability
What’s Next
Planned improvements:

Per-site speed preferences
Better/more Keyboard shortcuts
Better pause/resume behavior when switching tabs
Optional smoothness presets (reading, browsing, rapid)
Feedback Welcome

If you’ve built Chrome extensions before, I’d love your feedback:

What UX patterns work best for productivity extensions?
Which feature would you prioritize first?
Any pitfalls I should watch for in content-script behavior across sites?
I'm also looking for guidance from experienced web devs who are self taught like me

there are 3 ways to grab and use my extension if you so choose:

github repo: https://github.com/codebunny20/Auto-scroll

Github release: https://github.com/codebunny20/Auto-scroll/releases/tag/v1.0.0

Chrome extensions store:-> I will add the store link once it has been reviewed and allowed to be published, I'm not entirely sure how long it will take but ill update this post when it is.

THANKS FOR READING IF YOU DID😊

I Built 4 Useful Web Extensions — I Really Need Testers & Feedback

codebunny20 — Fri, 15 May 2026 08:57:30 +0000

I’ve spent a lot of time building four genuinely useful, functional web extensions: Bunny Book, Mathbox, Magnify, and Reading Ruler. They’re simple, lightweight, and designed to actually solve everyday problems.

I’m proud of them — (which i don't normally think) but
I’m struggling to get the word out.

I’ve been doing everything I can to get these extensions seen. I’m at the point where I’m desperate for visibility. I even recorded videos using my own voice — and I hate my voice — but I did it anyway because I figure these tools deserve a chance to be used.

Right now, what I need most is advice and feedback from real people.
If anyone is willing to test them, try them out, or even just tell me what feels confusing or what works well, it would help me more than you know.

The Extensions
Bunny Book — a clean, simple Note book

Mathbox — a quick, math utility tool

Magnify — a smooth, adjustable page magnifier

Reading Ruler — a reading focus tool for ADHD, dyslexia, or just staying on track

They’re fully functional, semi-polished, and ready for real‑world use. I just need people to actually try them.

If you’re willing to test them, I’ll drop the links bellow to the Github repo there all in, and the ones i have published on the - there all free and i have 2 more to publish in the upcoming week.

Extensions-by-Bunny

Chrome web extension store
Reading Ruler

Bunny Book

Any feedback — even one sentence — is incredibly valuable to me right now.

Thanks for reading, and thanks to anyone who gives these a shot. it would help a ton.

Reading Ruler Update

codebunny20 — Tue, 05 May 2026 03:06:29 +0000

Reading Ruler is now officially live on the Chrome Web Store. If you’ve been following the project or using the local version, you can now install it with one click.

I’m looking for real feedback from actual users — what works, what’s confusing, what should be improved next. Your comments, bug reports, and suggestions will directly shape the next update.

Thanks to everyone who supported the project so far.

🚀 I Just Released My Reading Ruler Browser Extension

codebunny20 — Sun, 19 Apr 2026 13:39:20 +0000

Hello! — I’ve been working on something small and I think it’s finally ready (or just ok enough) to share.

I just released my Reading Ruler, a lightweight browser extension designed to make reading long pages of text easier, calmer, and more focused. It’s built around one idea: give people a simple tool that helps.

Update:

I’ve added a full video tutorial to my youtube channel(https://www.youtube.com/@CuriousBunny-710) that shows exactly how to load the Reading Ruler extension into your browser. It’s a short, beginner‑friendly walkthrough that covers Developer Mode, loading the folder, and reloading the extension when you update the code. If you prefer visual instructions or want to follow along step‑by‑step, the video is now included. thanks a ton

⭐ What Reading Ruler Does
Reading Ruler adds a subtle highlight bar that follows your cursor while dimming the rest of the page. It creates a clean “reading window” that helps you stay focused on the line you’re on — especially useful for long articles, documentation, or dense technical content.
It’s intentionally minimal because I'm still a beginner and not that confident, but I like the features I made might be useful and I enjoyed learning It.

✨ Features
Adjustable ruler height

Adjustable dim strength

Brightened text inside the ruler

Smooth cursor tracking

Keyboard‑only control

Privacy‑first design

Everything updates instantly and stays out of your way.

⌨️ Keyboard Shortcuts
Toggle: Ctrl + Shift + R

Height: Ctrl + Shift + Up/Down

Dim: Ctrl + Shift + Left/Right

When you activate the ruler, a small hint popup appears to remind you of the controls.

🛠 Why I Built It
I love tools that solve problems.
Reading online can be overwhelming — especially long documentation or articles(at least for me). I wanted something that improved focus without changing how I browse or adding another UI panel to manage.

So I built a tool that’s:

minimal, fast, accessible, keyboard‑first, privacy‑respecting And now it’s out in the world if your interested.

📦 Check It Out
If you want to try it or look through the code, here’s the repo, and release:

👉 [https://github.com/codebunny20/Reading-Ruler]

👉 [https://github.com/codebunny20/Reading-Ruler/releases/tag/RulerReader]

Feedback, ideas, and accessibility suggestions are always welcome.

🔮 What’s Next
This extension is the first in a small collection of minimal, accessibility‑focused tools I’m building. I’ll share more as they’re ready.

Thanks for reading — and if you try Reading Ruler, I’d love to hear what you think and thanks for reading.🐰

“Why Are We Throwing Away Perfectly Good Tech?”

codebunny20 — Thu, 02 Apr 2026 11:00:47 +0000

I’ve been thinking more and more about e‑waste lately watching perfectly good electronics get tossed into the trash every single day.

Take disposable vapes, for example.

Inside almost every one of them is a fully functional 3.7V lithium‑ion cell.

Rechargeable. Reusable. The same chemistry that powers phones, controllers, and power banks.

Yet millions of these batteries end up in landfills because the device looks like trash.

I’ve been harvesting the cells from my old vapes and turning them into power banks and portable chargers and ect. It blows my mind how much usable tech we throw away just because it’s wrapped in a “disposable” shell.

And it’s not just vapes:

headphones
old remotes
broken controllers
cheap gadgets
e‑toys
USB battery packs
kitchen appliances

Most of this stuff contains components that can be repaired, reused, or upcycled into something new.

So here’s my question for the community:

Why aren’t we talking more about upcycling e‑waste?

Is it lack of awareness? Lack of tools?
Or do people just not realize how much value is hiding inside “trash”?
I'm not naive and know that Companies make things intentionally unrepairable, but I’d love to hear from others who repair, harvest parts, or upcycle electronics.

What do you rescue from the waste stream — and what do you turn it into?

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

codebunny20 — Mon, 23 Feb 2026 16:17:00 +0000

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

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

🌱 Bloom Update — February 19, 2026

codebunny20 — Thu, 19 Feb 2026 10:34:21 +0000

Hello everyone 👋🏿👋🏿👋🏿

Today’s Bloom update is a small one. This update makes the app feel more grounded, more intentional, and more aligned with the values Bloom was built on: privacy, clarity, and gentle support for people navigating their HRT journey.
Here’s what changed.
Bloom

🌼 1. A More Helpful Help Page

Bloom has grown a lot over the past year — TrackMyHRT, the Journal, Cycle Tracker, Voice Trainer, HRT Tools, and more. That’s a lot of moving parts, especially for new users who might already be overwhelmed. and i want to improve navigating bloom as much as i can.
So I rebuilt the Help page.
It now includes a full walkthrough of each section of the app, what it’s for, and how to use it. Instead of a simple overview, it’s now a guided, friendly tutorial that helps users feel oriented and supported from the moment they open Bloom.
This is a big step toward making Bloom a dependable, trust worthy tool.

🌸 2. Clearer Messaging About Who Bloom Is For

Bloom has always been designed with people on HRT journeys in mind — but the app didn’t always say that clearly.
This update refreshes the welcome message and other key text throughout the app to reflect Bloom’s true purpose:
a supportive, private space for people tracking their HRT, their cycles, their voice, and their emotional journey.
It still welcomes everyone, but it now speaks directly to the people it was built for. That clarity matters.

🔐 3. Removing the PIN Lock (And Why)

This was an oversight mainly but i am looking into it
Bloom used to include an optional PIN lock feature. After revisiting it, I realized there was no safe, privacy‑respecting way to support PIN recovery without requiring accounts, cloud storage, or personal data — all things Bloom intentionally avoids.
So I removed it completely.
Discreet Mode and Quick Exit remain as the primary privacy tools, and they continue to work without storing or transmitting any personal information. This keeps Bloom aligned with its core belief: your data stays with you, and only you.

💊 4. Multi‑Medication Support for HRT Regimens

This is the biggest functional upgrade in this update.
HRT regimens in Bloom can now include multiple medications instead of just one. That means a single regimen can reflect real‑world setups like:
• Estradiol
• Spironolactone
• Progesterone
…all grouped together under one routine.
This required updates across the app:
• A new database structure that supports medication lists
• A redesigned Regimens UI for adding/editing/removing individual meds
• Built‑in templates for common HRT medications
• Updated backend logic to handle the new data model
This makes TrackMyHRT far more accurate and flexible — and it opens the door for future features around dose tracking, reminders, and long‑term use.

🌿In Closing

This update is all about alignment — making Bloom clearer in its purpose, safer in its design, and more supportive in the ways that matter most.
As always, Bloom remains fully local, fully private, and built with care for the people who may find it useful.
If you’re using Bloom and have thoughts, ideas, or accessibility needs, I’d love to hear from you. Your feedback shapes the future of this project more than anything else. I'm still working on figuring out a way to do detailed tutorial and update videos on my YT channel, I still cant stand my own voice.
For feedback and other info my socials are Here where I'm most active DEV, Linktree
and my website curiocorner

Until next time.