# mengxi-ream/read-frog **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/mengxi-ream-read-frog).** 8,099 stars · 531 forks · TypeScript · GPL-3.0 ## Links - GitHub: https://github.com/mengxi-ream/read-frog - Homepage: https://readfrog.app - awesome-repositories: https://awesome-repositories.com/repository/mengxi-ream-read-frog.md ## Topics `browser-extension` `chinese` `chrome-extension` `deepseek` `english` `english-learning` `gpt` `immersive-translate` `japanese` `language-learning` `llm` `openai` `react` `translate` `wxt` ## Description Read Frog is an AI-powered immersive translation browser extension that functions as a bilingual reading assistant and text explanation tool. It connects to over 20 AI providers, including OpenAI and Anthropic, with configurable endpoints, API keys, and model settings, enabling translation and explanation of web content directly in the browser. The extension distinguishes itself through several integrated capabilities. It translates webpage content by placing translations directly next to the original text for side-by-side comparison, and can process content from PDFs, videos, and comics. It explains words, phrases, and sentences at a difficulty level matching the reader's language proficiency, and reads selected text aloud with adjustable voice, speed, pitch, and volume settings. The tool also translates YouTube subtitles directly in the video player, showing translations alongside original captions. Under the hood, the extension aggregates multiple translation requests into a single API call to reduce token usage, with automatic fallback to individual requests. It builds translation prompts that include page title and content summary for more accurate results, and normalises diverse input formats like PDF, video subtitles, and comic text into a uniform structure for processing. AI translation providers are loaded as interchangeable plugins, each implementing a common interface for API calls and model configuration. ## Tags ### Web Development - [AI Translation Extensions](https://awesome-repositories.com/f/web-development/browser-extensions/ai-translation-extensions.md) — A browser extension that translates web content by placing translations next to original text, with AI-driven explanations and text-to-speech. - [Side-by-Side Text Injectors](https://awesome-repositories.com/f/web-development/dom-element-injection-utilities/side-by-side-text-injectors.md) — Inserts translated text directly into the live webpage DOM next to each original element for side-by-side reading. - [Side-by-Side Web Translators](https://awesome-repositories.com/f/web-development/translation-tools/side-by-side-web-translators.md) — Translates webpage content and displays translations alongside the original text for side-by-side comparison. ### Artificial Intelligence & ML - [Multi-Provider Chat Clients](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-chat-clients/multi-provider-chat-clients.md) — Connects to over 20 AI providers for translating and explaining web content, with configurable endpoints and model settings. - [AI Provider Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-provider-integrations.md) — Connects to over 20 AI providers with configurable endpoints, API keys, and model settings. ([source](https://readfrog.app/)) - [Bilingual Web Page Translators](https://awesome-repositories.com/f/artificial-intelligence-ml/artificial-intelligence-tooling/language-model-integrations/translation-services/document-translators/bilingual-scientific-translators/bilingual-web-page-translators.md) — Displays original text alongside translations for side-by-side comparison on web pages. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) - [Language Translation & Detection](https://awesome-repositories.com/f/artificial-intelligence-ml/language-translation-detection.md) — Handles translation between a range of languages such as English, French, German, and Spanish. ([source](https://readfrog.app/)) - [Proficiency-Based Explanations](https://awesome-repositories.com/f/artificial-intelligence-ml/machine-learning/language-tools/text-classification/explanation/proficiency-based-explanations.md) — Adjusts the complexity of word and phrase explanations to match the reader's language level using a difficulty-scoring model. - [Subtitle Translation](https://awesome-repositories.com/f/artificial-intelligence-ml/audio-transcription/multilingual-transcription/subtitle-translation.md) — Translates YouTube subtitles directly in the video player, showing translations alongside original captions. - [In-Player Subtitle Translators](https://awesome-repositories.com/f/artificial-intelligence-ml/audio-transcription/multilingual-transcription/subtitle-translation/in-player-subtitle-translators.md) — Translates YouTube subtitles directly in the video player, showing translations alongside original captions. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) - [Web and Multimedia Content Translators](https://awesome-repositories.com/f/artificial-intelligence-ml/japanese-text-translations/multi-format-document-translators/web-and-multimedia-content-translators.md) — Processes content from PDFs, videos, and comics, extending translation beyond plain web text. ([source](https://readfrog.app/)) - [Text-to-Speech Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/speech-to-text-integrations/text-to-speech-integrations.md) — Connects to browser speech synthesis APIs with configurable voice, speed, pitch, and volume for reading selected text aloud. ### Part of an Awesome List - [Immersive Translation Tools](https://awesome-repositories.com/f/awesome-lists/learning/language-and-translation/immersive-translation-tools.md) — Translates webpage content by placing each translation directly next to its original text for side-by-side comparison. ([source](https://readfrog.app/en/docs)) ### Business & Productivity Software - [On-the-fly Text Translation](https://awesome-repositories.com/f/business-productivity-software/on-the-fly-text-translation.md) — Translates highlighted text on a page and shows the result immediately without leaving the current view. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) ### Data & Databases - [Proficiency-Based Explanations](https://awesome-repositories.com/f/data-databases/text-processing-utilities/text-extraction/selected-text-retrieval/proficiency-based-explanations.md) — Explains selected text at a difficulty matching the reader's language level for deeper understanding. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) - [Proficiency-Based Text Explainers](https://awesome-repositories.com/f/data-databases/text-processing-utilities/text-processing-tools/selective-text-processors/ai-text-transformers/proficiency-based-text-explainers.md) — Explains words, phrases, and sentences at a difficulty matching the reader's language proficiency level. ### Development Tools & Productivity - [Reading Assistants](https://awesome-repositories.com/f/development-tools-productivity/reading-assistants.md) — Displays original text alongside translations for side-by-side comparison, supporting PDFs, videos, and comics. ### Education & Learning Resources - [AI-Assisted Language Learning](https://awesome-repositories.com/f/education-learning-resources/ai-assisted-language-learning.md) — Explains words, phrases, and sentences at a difficulty level matching the reader's language proficiency. ### Content Management & Publishing - [Page Context Prompts](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/translation-management/linguistic-context-selection/translation-string-contexts/page-context-prompts.md) — Sends page title and content summary to the AI for more accurate, context-aware translations. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) ### DevOps & Infrastructure - [Provider Plugin Architectures](https://awesome-repositories.com/f/devops-infrastructure/provider-plugin-architectures.md) — Loads AI translation providers as interchangeable plugins, each implementing a common interface for API calls and model configuration. ### Graphics & Multimedia - [Selected Text Readers](https://awesome-repositories.com/f/graphics-multimedia/media-processing-analysis/audio-processing-systems/audio-processing/text-to-speech-engines/text-to-speech-engines/book-reading-text-to-speech/selected-text-readers.md) — Reads selected text aloud using text-to-speech with adjustable voice, speed, pitch, and volume. ([source](https://cdn.jsdelivr.net/gh/mengxi-ream/read-frog@main/README.md)) - [Text-to-Speech Synthesizers](https://awesome-repositories.com/f/graphics-multimedia/text-to-speech-synthesizers.md) — Reads selected text aloud with adjustable voice, speed, pitch, and volume settings. ### Programming Languages & Runtimes - [Content Format Normalizers](https://awesome-repositories.com/f/programming-languages-runtimes/javascript-runtime-compatibility-layers/type-adaptation-layers/content-format-normalizers.md) — Normalises diverse input formats like PDF, video subtitles, and comic text into a uniform structure for translation. ### Software Engineering & Architecture - [Prompt Context Aggregators](https://awesome-repositories.com/f/software-engineering-architecture/context-aware-tooling/prompt-context-aggregators.md) — Builds translation prompts that include page title and content summary for more accurate results. - [Request Batching](https://awesome-repositories.com/f/software-engineering-architecture/request-batching.md) — Aggregates multiple translation requests into a single API call to reduce token usage.