# fishjar/kiss-translator

**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/fishjar-kiss-translator).**

8,826 stars · 372 forks · JavaScript · gpl-3.0

## Links

- GitHub: https://github.com/fishjar/kiss-translator
- Homepage: https://github.com/fishjar/kiss-translator
- awesome-repositories: https://awesome-repositories.com/repository/fishjar-kiss-translator.md

## Topics

`extension` `translate` `translation` `translator` `userscript` `userscripts`

## Description

kiss-translator is a browser extension that provides an AI translation pipeline to render bilingual web content. It functions as a bilingual web translator, displaying original and translated text side-by-side while preserving the layout, formatting, and links of the original webpage.

The tool distinguishes itself through deep AI customization, using terminology glossaries, conversation memory, and variable-based prompt templating to improve translation accuracy. It supports real-time translation streaming and allows users to compare outputs from multiple translation services simultaneously within a dedicated view.

The system covers a broad range of translation capabilities, including the translation of input fields and video subtitles. It features a site-specific rule engine for custom terminology and an extensibility framework for defining bespoke user interfaces and visual styles.

User settings, vocabulary lists, and translation rules are synchronized across devices using the WebDAV protocol or self-hosted worker proxies.

## Tags

### Web Development

- [Bilingual Page Layouts](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/bilingual-page-layouts.md) — Renders translated text alongside original content while preserving the original webpage layout and formatting.
- [Side-by-Side Web Translators](https://awesome-repositories.com/f/web-development/translation-tools/side-by-side-web-translators.md) — Renders translated text alongside original content in a bilingual layout while preserving formatting and links. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.ja.md))
- [AI Translation Extensions](https://awesome-repositories.com/f/web-development/browser-extensions/ai-translation-extensions.md) — Implements a browser extension that leverages large language models to provide real-time, bilingual webpage translations.
- [Site Translation Rules](https://awesome-repositories.com/f/web-development/translation-tools/site-translation-rules.md) — Applies custom translation behaviors and terminology based on the specific URL of the active website.
- [Translation Appearance Themes](https://awesome-repositories.com/f/web-development/translation-tools/translation-appearance-themes.md) — Provides tools to adjust the visual appearance of translated text and toggle between bilingual and translation-only views. ([source](https://github.com/fishjar/kiss-translator))
- [Translation Prompt Managers](https://awesome-repositories.com/f/web-development/translation-tools/translation-prompt-managers.md) — Provides tools for defining custom instructions and injecting metadata to steer translation behavior. ([source](https://github.com/fishjar/kiss-translator/blob/master/custom-api_v2.md))

### Artificial Intelligence & ML

- [AI Translation Tools](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-translation-tools.md) — Employs LLM APIs with custom prompts and terminology glossaries to improve translation accuracy and context.
- [Translation Services](https://awesome-repositories.com/f/artificial-intelligence-ml/artificial-intelligence-tooling/language-model-integrations/translation-services.md) — Integrates with both AI and traditional translation services to facilitate multi-language content processing. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.en.md))
- [Integrated Web Translation](https://awesome-repositories.com/f/artificial-intelligence-ml/multilingual-content-translation/integrated-web-translation.md) — Renders bilingual translations of webpages, input boxes, and video subtitles using integrated translation services. ([source](https://github.com/fishjar/kiss-translator))
- [AI Conversation Managers](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-conversation-managers.md) — Provides a system for managing AI conversation history and session state to maintain translation consistency. ([source](https://github.com/fishjar/kiss-translator))
- [Prompt Customization](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-writing-assistants/prompt-customization.md) — Allows users to define custom prompts that guide how the AI explains words during dictionary lookups. ([source](https://github.com/fishjar/kiss-translator/blob/dev/diff.patch))
- [Multi-Service Comparison Tools](https://awesome-repositories.com/f/artificial-intelligence-ml/artificial-intelligence-tooling/language-model-integrations/translation-services/multi-service-comparison-tools.md) — Evaluates a single piece of text across various translation services simultaneously within a dedicated comparison window. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.ko.md))
- [Context Memory Management](https://awesome-repositories.com/f/artificial-intelligence-ml/context-memory-management.md) — Maintains application state and terminology history to keep translations consistent across multiple requests.
- [Translation Result Comparison](https://awesome-repositories.com/f/artificial-intelligence-ml/multilingual-content-translation/translation-result-comparison.md) — Compares translation results from multiple different services simultaneously to determine the most accurate phrasing.
- [Text Translation Tools](https://awesome-repositories.com/f/artificial-intelligence-ml/text-translation-tools.md) — Translates highlighted text via a popup and allows for side-by-side comparison of results from different services. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.en.md))

### Data & Databases

- [UI](https://awesome-repositories.com/f/data-databases/query-result-fetching/result-streaming/ui.md) — Displays translated text in real-time as it arrives from the API instead of waiting for the full response.

### Development Tools & Productivity

- [Translation API Integrations](https://awesome-repositories.com/f/development-tools-productivity/translation-api-integrations.md) — Provides a flexible client-side implementation for connecting to various third-party translation APIs via custom endpoints. ([source](https://github.com/fishjar/kiss-translator/blob/dev/custom-api_v2.md))
- [Prompt Templates](https://awesome-repositories.com/f/development-tools-productivity/prompt-information-providers/contextual-prompt-tooltips/prompt-templates.md) — Uses reusable instruction blocks and dynamic variables to control the style and context of AI translations.

### Networking & Communication

- [Real-time Translation](https://awesome-repositories.com/f/networking-communication/real-time-translation.md) — Implements real-time streaming of translated text, displaying results as they are generated by the AI. ([source](https://github.com/fishjar/kiss-translator))

### User Interface & Experience

- [Translation Markup Rendering](https://awesome-repositories.com/f/user-interface-experience/translation-markup-rendering.md) — Renders bilingual translations of website text, input fields, and subtitles while preserving original formatting. ([source](https://github.com/fishjar/kiss-translator/blob/dev/.prettierignore))
- [Translation-Enabled Input Fields](https://awesome-repositories.com/f/user-interface-experience/input-field-enhancements/multilingual-input-fields/translation-enabled-input-fields.md) — Converts text entered into input boxes into another language instantly using shortcut keys. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.en.md))

### Content Management & Publishing

- [Bilingual Subtitle Renderers](https://awesome-repositories.com/f/content-management-publishing/media-management/subtitle-management-systems/bilingual-subtitle-renderers.md) — Generates bilingual subtitles for online videos using AI and custom line-break logic for improved readability. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.en.md))

### Software Engineering & Architecture

- [Glossaries](https://awesome-repositories.com/f/software-engineering-architecture/glossaries.md) — Implements a system for managing specialized terminology glossaries to improve professional translation accuracy. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.md))
- [Translation](https://awesome-repositories.com/f/software-engineering-architecture/glossaries/translation.md) — Optimizes translation quality by integrating custom terminology lists and conversation memory. ([source](https://github.com/fishjar/kiss-translator/blob/dev/README.ja.md))
