Loccy - AI-Powered i18n & Translation Management
The smart internationalization extension for React, Vue, and modern web development. Automate translation workflows with AI-powered multilingual content generation.
Transform tedious i18n tasks into seamless workflows. Extract text, generate translations, and manage multilingual content without breaking your development flow.
🚀 Key Features for i18n Development
Extract static text and automatically generate translations + keys with AI-powered suggestions:
AI-Powered Message Creation Based on Surrounding Code
Instantly create multilingual messages based on the context of the surrounding source code:
Automatic Message Synchronization
Update one language and sync changes across all other translations:
🎯 Supported i18n Frameworks
React / Next.js
Vue
More coming soon! Request support for your i18n library in our Discord.
⚡ Quick Setup
Auto-Configuration: Loccy detects your i18n setup automatically. If you see translation previews near translation function calls, Loccy is fully ready.
Advanced Setup: Use Loccy: Create Config File from Command Palette (Cmd/Ctrl+P) for more control.
- If auto-configuration didn't work, the very first thing to adjust is
resources.paths.include.
- The part you'll most want to configure, even if everything worked automatically, is
ai — there you set essential info about your project for the best and most consistent suggestions.
Sample Configuration for React i18next:
{
"resources": {
"paths": {
"include": ["public/locales/**/*.json"],
"exclude": []
},
"file": {
"structure": "nested",
"sortKeys": "yes"
}
},
"usages": {
"paths": {
"include": ["**/*.{js,ts,jsx,tsx}"],
"exclude": []
},
"tFunction": {
"preset": "react-i18next",
"customFunctionNames": []
},
"detectKeysInStrings": true,
"quoteType": "single"
},
"ai": {
"translations": {
"autoConsistency": true,
"customInstructions": "Translating a modern typing app. 'Typing School' brand name remains untranslated. Use informal tone ('du' vs 'Sie' in German). Apply sentence case for titles/buttons."
},
"keypaths": {
"autoSuggestion": true,
"autoConsistency": true,
"customInstructions": "Parent nodes use 'Title.Case', final nodes use 'lowercase' (e.g., 'My.New.keypath')"
},
"useCodeContext": true
}
}
🎯 Perfect for Translation Workflows
- Frontend Developers working with React, Vue, or Next.js internationalization
- Product Teams managing multilingual applications
- Startups scaling to international markets
💰 Pricing: Freemium
Core Translation Features — Free Forever
File previews, navigation, key editing, and refactoring
Consistent Context-Aware AI Translations — $30/year
Smart translation generation, auto-sync, contextual content creation
Includes risk-free trial
Want to dive into the Loccy community? Start here:
- 💬 Loccy's Discord: release notes, bug reports, or random conversations.
- 📧 hello@loccy.dev: if you'd rather just quickly drop a message (answer in 12-24 hours).
