← all repositories
mengxi-ream/read-frog

An open-source browser extension that turns the web into a language lab

Read Frog overlays AI translations, explanations, and text-to-speech onto any webpage so you can learn while you browse.

7.6k stars TypeScript Domain AppsLanguage Models
read-frog
Velocity · 7d
+18
★ / day
Trend
steady
star history

What it does

Read Frog is a browser extension that injects AI-powered translation and language-learning tools directly into webpages. It can display bilingual or translation-only overlays, translate selected text via a floating toolbar, handle YouTube subtitles, and read text aloud using Edge TTS. It supports 20+ AI providers through the Vercel AI SDK and also offers free fallback translators.

The interesting bit

The extension feeds the AI the full page context—title and a Markdown summary of the content—so technical terms and ambiguous phrases get translated with their actual meaning intact, not in isolation. It also batches translation requests to cut API costs, with automatic fallback if the batch fails.

Key highlights

  • Context-aware translation: sends page title and content summary to the AI for domain-accurate results
  • Batch requests: groups multiple translations into single API calls to reduce token overhead
  • 20+ AI providers via Vercel AI SDK, plus free Google/Microsoft/DeepLX options
  • Edge TTS integration with 150+ voices, automatic language detection, and sentence-aware chunking for long text
  • YouTube subtitle translation baked into the video player
  • Dual-licensed: GPLv3 with commercial license available

Caveats

  • The README notes the project is “currently under active development,” so expect rough edges and shifting features
  • The “up to 70% API cost savings” claim for batching is stated without independent verification or methodology

Verdict

Worth a look if you’re a language learner who lives in the browser and wants AI explanations, not just raw translations. Skip it if you need a polished, stable production tool right now—the active-development caveat is real.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.