Custom Component: Frontend Translations

Introducing My Home Assistant Translation Integration

Hello everyone! :wave:

I’d like to share my modest integration that solves a common pain point in Home Assistant translations. As many developers know, there are 4 separate translation systems:

  • Backend translations
  • Frontend translations
  • Two separate mobile app translations

For those developing custom UIs through the API, there’s a particular frustration: frontend translations aren’t accessible via the official API. This typically forces developers to create workarounds like interceptors, parsers, and other complicated solutions.

My Solution :wrench:

I’ve created a custom component that:

  1. Adds frontend translation capabilities to the official WebSocket API
  2. Introduces a new service for translation convenience

Installation Instructions :inbox_tray:

While waiting for official HACS approval, you can install it manually:

  1. Use as a custom repository (requires extra steps beyond standard HACS installs)
  2. Manual installation via GitHub

Repository link
Demo (Youtube)

Let me know if you have any questions or feedback! :rocket: