lionflow i18n framework + l10n workflow for React


  • Zero config: Integrated i18n framework and l10n workflow
  • Automatic semantic versioning
  • Type safety powered by TypeScript
  • Auto-Completion & Suggestions for i18n Keys
  • Live Editing
  • SSR just works - made for ▲ Next.js and 💿 Remix
  • Code Splitting based on both locale and components
  • Ready for Suspense (React 18+)

Launching 2023

FAQ aka. Never Asked Questions

What is l10n?

i18n is the short form of localization. A localized (web) app shows content according to a specific locale, e. g. the user's preferred language & country of residence.

Localization includes translation of texts, formatting of dates, time and numbers and may also adjust content based on local (legal) requirements or regional availability.

What is i18n?

i18n is the short form of internationalization. In the context of computing, it stands for the technical procedures that enable a website/app to present its contents in different languages and to adapt to regional requirements or preferences.

Often i18n is realized using a framework, which provides different texts depending on the user's preferred locale.

What is the difference between l10n and i18n?

Internationalization (i18n) is the technical implementation that enables us to localize our apps, while localization (l10n) describes the actual translation and adaptation to local requirements regarding language, formatting and content.

Why are i18n and l10n important?

We want our users to feel confident when using our products. Users are more likely to interact with apps that are provided in their native language, which can lead to significantly higher conversions.

What does lionflow mean?

Our name stands for our mission: the fluffiest localization workflow ever created. It's a shortened, reverse leetcode version of l10n(work)flow. Meow.