Overview
Intlayer is an open-source, developer-first internationalization (i18n) solution that embeds translations alongside components and provides an optional visual CMS for non-developers. It focuses on keeping runtime bundles small by enabling local-first dictionaries and asynchronous content imports, while offering a cloud-hosted visual editor and AI-powered translation tooling. Intlayer integrates tightly with Git workflows (push/pull sync), TypeScript/JavaScript type generation and validation, a CLI for detecting and filling missing keys (npx intlayer fill), and Live Sync to hot-update dictionaries without rebuilds. The platform emphasizes collaboration (editors, translators, developers), zero-seat-cost team collaboration, and an open-source alternative to proprietary TMS/CMS vendors. It supports Next.js, React, Vue, Svelte and can be run on your infrastructure when required for compliance.
Key Features
Per-component i18n
Define translation dictionaries next to UI components; translations travel with code and minimize lookup complexity.
Live Sync (hot updates)
Connect local dictionaries with remote management to hot-update content without a full rebuild, enabling near-real-time content changes.
Git-first Content Sync
Push/pull translations and content to/from code repositories so Git remains the single source of truth and avoids merge conflicts.
Visual Editor & CMS
Hosted visual editor for editors and translators to preview and edit content with contextual, WYSIWYG-like previews and collaboration features.
AI-assisted Translation & CLI
CLI (npx intlayer fill) detects missing keys and uses OpenAI/Claude/local models to generate translations, preserving Git history and types.
Type-safety & Developer Tooling
Automatic TypeScript types, autocompletion, validation, and instant feedback during development to reduce missing keys and runtime errors.
Who Can Use This Tool?
- Developers:Integrate per-component translations and type-safe i18n directly in codebases.
- Localization Teams:Use the visual editor and AI tools to manage, translate, and preview content collaboratively.
- Product Managers:Run experiments, manage localized variants, and coordinate releases across locales.
- Small & Medium Teams:Adopt a low-cost, open-source i18n solution and optional hosted CMS without per-seat fees.
Pricing Plans
Individual plan activating the visual editor with basic storage and single project.
- ✓Access to all Intlayer packages
- ✓Unlimited use of the visual editor
- ✓Unlimited remote dictionaries
- ✓100MB storage
- ✓1 project
- ✓1 organization user
Designed for small teams; adds AI content generation, more storage and projects.
- ✓Access to all Intlayer packages
- ✓Unlimited use of the visual editor
- ✓Unlimited remote dictionaries
- ✓500MB storage
- ✓10 projects
- ✓20 organization users
- ✓AI-driven content generation
- ✓Professional support
For large teams: unlimited projects/users, AI SEO, large storage, and advanced support.
- ✓Access to all Intlayer packages
- ✓Unlimited use of the visual editor
- ✓Unlimited remote dictionaries
- ✓2+ GB storage
- ✓Unlimited projects
- ✓Unlimited organization users
- ✓AI-driven content generation
- ✓AI-driven SEO optimization
Pros & Cons
✓ Pros
- ✓Open-source core: free to use and self-host if required.
- ✓Per-component translations: keeps code and translations close, improving context.
- ✓Strong Git integration: syncs to repositories to avoid separate hidden stores.
- ✓AI-assisted workflows: CLI and editor can auto-fill translations (OpenAI/Claude/local models).
- ✓Live Sync and zero-rebuild updates: hot-update dictionaries without full site rebuilds.
- ✓Developer ergonomics: TypeScript types auto-generated, validation, CLI tooling.
- ✓Flexible deployment: can run on own infra for compliance.
✗ Cons
- ✗Newer project: smaller ecosystem and fewer enterprise case studies vs incumbents.
- ✗Hosted CMS features behind subscription (though core remains free).
- ✗Some workflows rely on external AI providers (may incur additional costs or privacy considerations).
- ✗Documentation and UI maturity may still evolve as product grows.
Related Articles (3)
フレームワークを問わず動く、軽量なMDX風パーサーでコンテンツ管理を簡素化。
設定不要で動く、React/Vue/Svelte対応のクロスフレームワークMDXパーサーIntlayerの全体像と使い方。
Новый кросс-фреймворк Intlayer: лёгкий MD/MDX парсер с i18n и универсальной поддержкой фреймворков.