DEV Community

codebunny20
codebunny20

Posted on • Edited on

🚀 I Just Released My Reading Ruler Browser Extension

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.🐰

Top comments (2)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.