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.