DEV Community

codebunny20
codebunny20

Posted on

Extensions‑By‑Bunny Showcase

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🐰

Top comments (0)