Edit translations live, right in your app
Click any text • Change the translation • See updates instantly
Demo video placeholder - Record a browser demo showing live editing.
Works with your stack
Features
Live Editing
Click any text in your app and edit the translation directly. Changes appear instantly.
Dev Server Plugin
Works with Vite, Webpack, and Angular CLI. Saves edits back to locale JSON files.
CLI Tools
Extract keys, validate locales, sync missing translations, generate TypeScript types.
VS Code Extension
Hover to preview translations, autocomplete keys, go-to-definition, find references.
Secure by Default
All inputs validated. HTML injection prevented. Overlay runs only in development.
Zero Config
Drop in a provider, add an adapter, and you are done. No i18n rewrite required.
Try It Live
Click any highlighted text to simulate editing a translation.
Welcome to Localive
Edit translations live, right in your app.
Feature Comparison
| Feature | Free / Dev | Pro |
|---|---|---|
| Live in-context editing | Yes | Yes |
| CLI tools | Yes | Yes |
| VS Code Extension | Yes | Yes |
| AI suggestions | - | Yes |
Quick Start
1. Install
npm install @localive/react @localive/adapter-i18next @localive/vite
2. Wrap your app
Import LocaliveProvider and withI18next, then wrap your app with LocaliveProvider. Pass in your i18n instance, locales, and defaultLocale.
3. Add the Vite plugin
Import localive from @localive/vite and add it to your Vite plugins array.