Read Frog: Instantly Read the Web in Two Languages Side-by-Side

Ever hit a technical article, documentation, or a blog post in a language you're learning—or just not fully fluent in—and wished you could see the original and a translation at the same time? Manually toggling between tabs or relying on clunky inline translation tools breaks your flow. What if you could just… see both?

That's the itch Read Frog scratches. It's a browser extension that instantly transforms any webpage into a clean, two-column view with the original content on one side and a translated version on the other. No more copying and pasting into translators. It's built for developers, researchers, or anyone who needs to consume content across languages without losing context.

What It Does

Read Frog is a straightforward but powerful tool. Once installed, you activate it with a click. It fetches the main textual content of the page you're on, sends it for translation (using a service like Google Translate), and then re-renders everything in a split-pane view directly in your browser. The original layout is simplified to focus on the text, presented in a clean, readable parallel column format.

Why It's Cool

The magic isn't just in the translation—it's in the presentation. The side-by-side view is incredibly effective for language learning, allowing you to compare sentence structures and vocabulary in real-time. For developers working with international APIs or documentation, it means you can glance at the original technical terms while understanding the surrounding explanation.

It’s also a clever piece of browser extension work. It efficiently isolates and processes the main content, handles the translation API call, and manages the responsive two-column CSS layout—all without requiring a backend server from the user. The implementation is a neat example of using a content script to dynamically rewrite a page's DOM for a specific, useful purpose.

How to Try It

The project is open source on GitHub. Since it's a browser extension, you can run it locally in developer mode.

1. Head over to the Read Frog repository.
2. Clone the repo or download the source code.
3. Open your browser's extensions management page (like chrome://extensions/ for Chrome or edge://extensions/ for Edge).
4. Enable "Developer mode."
5. Click "Load unpacked" and select the extension's directory from the cloned repo.
6. The Read Frog icon should appear in your toolbar. Navigate to a webpage, click the icon, and watch it transform.

Check the repo's README for any specific setup steps, like configuring an API key for translation services if needed.

Final Thoughts

Read Frog feels like one of those tools you didn't know you needed until you try it. It's simple in concept but executed in a way that just makes sense. As a developer, I can see this being invaluable for parsing through documentation in another language or even for checking the accuracy of auto-translated content on a site you're building. It’s a focused utility that does one job exceptionally well, and the open-source nature means you can tweak it to fit your own workflow. Give it a try the next time you're facing down a page in an unfamiliar language.

Find more interesting projects from the community at @githubprojects.