πŸš€ Trusted by 1,200+ developers worldwide

Catch i18n Layout Issues
Before Your Users Do

Open-source toolkit for detecting CSS overflow issues in translated web apps. Automatically find where German words break your layouts.

The Red Glow Detection

When translated text overflows its container, Lingo Guardian adds a red glow to highlight the issue. Instantly see which elements need CSS fixes.

Learn More β†’
πŸ‡ΊπŸ‡Έ English
Start Free Trial
πŸ‡©πŸ‡ͺ German
Kostenlose Testversion starten

4 Tools. One Mission.

Detect and fix i18n layout issues at every stage of development.

⚑

CLI Tool

Run headless checks on any URL. Perfect for CI pipelines. Detects overflow issues across all your target languages.

npx lingo-guardian lint http://localhost:3000
πŸ”„

GitHub Action

Visual PR Guardian automatically comments on PRs with screenshots of layouts in different languages. Zero config.

uses: lingo-guardian/visual-pr-action@v1
πŸ“

React Reporter

Add the useLingoGuardian hook to your app. See red glow on overflow elements in real-time during development.

useLingoGuardian({ enable: true })
πŸ–₯️

Electron Sidecar

Desktop app showing your site in 4 languages side-by-side. Integrated with lingo.dev for AI translations.

Download for Mac / Windows

Download Lingo Sidecar

The desktop companion app for visual i18n testing.

🍎

macOS (Apple Silicon)

For M1, M2, M3 Macs

Download .dmg
🍎

macOS (Intel)

For Intel-based Macs

Download .dmg
πŸͺŸ

Windows

For Windows 10/11

Download .exe

Or install via npm:

npm install -g lingo-guardian