JavaScript Internationalization

Open-source JavaScript projects categorized as Internationalization Edit details

Top 16 JavaScript Internationalization Projects

  • react-i18next

    Internationalization for react done right. Using the i18next i18n ecosystem.

    Project mention: Best internationalization for Gatsby | dev.to | 2022-08-09

    There are some plugins/libraries that may help instrumenting the Gatsby code for internationalization. In this article we will use a plugin based on the famous i18n framework i18next, respectively its great extension for React.js - react-i18next. The Gatsby plugin we're using is gatsby-plugin-react-i18next created by Dmitriy Nevzorov.

  • vue-i18n

    :globe_with_meridians: Internationalization plugin for Vue.js

    Project mention: What is the best practice for multi-lingual small single-page applications/websites? | reddit.com/r/vuejs | 2022-08-11

    You want internationalization or i18n support. I use this: https://kazupon.github.io/vue-i18n/ which is the official plugin.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • i18next

    i18next: learn once - translate everywhere

    Project mention: Best internationalization for Gatsby | dev.to | 2022-08-09

    There are some plugins/libraries that may help instrumenting the Gatsby code for internationalization. In this article we will use a plugin based on the famous i18n framework i18next, respectively its great extension for React.js - react-i18next. The Gatsby plugin we're using is gatsby-plugin-react-i18next created by Dmitriy Nevzorov.

  • react-most-wanted

    React starter kit with "Most Wanted" application features

  • fluent.js

    JavaScript implementation of Project Fluent

    Project mention: Show HN: Localization and translations should be code, not data | news.ycombinator.com | 2022-07-05

    It's a tempting argument. By interviewing hundreds of people a different pattern emerged though. Translators don't know how to code. Some companies manually removed quotation marks (") from strings because they confused translators.

    What do you think about Mozilla's Fluent format/syntax https://projectfluent.org/?

    BTW feel free to reach out via email to me. Look at my profile to find it.

  • redis-ui

    📡 P3X Redis UI is a very functional handy database GUI and works in your pocket on the responsive web or as a desktop app

    Project mention: Getting Started with Redis in Nodejs | dev.to | 2021-08-23

    You can download the GUI here: https://github.com/patrikx3/redis-ui.

  • svelte-intl-precompile

    I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint

    Project mention: SvelteKit internationalization | reddit.com/r/sveltejs | 2022-06-19

    I would like there to be an baked-in solution, but for now I'm looking at Svelte Intl Precompile and Svelte i18n. They look very promising, but they are not baked-in.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • react-translated

    A dead simple way to add complex translations (i18n) in a React (DOM/Native) project 🌎🌍🌏

  • eslint-plugin-i18n-json

    Fully extendable eslint plugin for JSON i18n translation files.

    Project mention: How do you manage translation files ? | reddit.com/r/Jetbrains | 2021-12-06

    If you don't want to write it yourself and you use eslint, you can check out eslint-plugin-i18n-json, it seems to do what you're looking for with i18n-json/identical-keys.

  • copy-service

    A modern library for UI copy management (by NextCapital)

  • react-translate-maker

    Universal internationalization (i18n) open source library for React

  • i18n-js-npm

    i18n-web is a simple tool helps in externalizing the strings in a JavaScript based Application such that, Internationalization(i18n) can be achieved easily. It has the additional capability of parameterizing the strings to get the dynamic content Internationalized.

  • tailwind-direction

    Tailwind bi-directionality plugin

  • react-intl-example

    React internationalization with react-intl

    Project mention: I want multiple language support for my React project, what's the best way of doing it? | reddit.com/r/reactjs | 2022-02-09

    Here is a working example of React app with multiple languages: https://github.com/localizely/react-intl-example

  • javascript-i18next-example

    Example repository demonstrating how to integrate Localazy with your javascript app using the i18next library

  • locize-lastused

    Using API lastUsed using in node.js, in the browser and for deno.

    Project mention: How to properly internationalize a Vue application using i18next | dev.to | 2022-05-15

    import I18NextVue from 'i18next-vue' import i18next from 'i18next' import Backend from 'i18next-locize-backend' import LanguageDetector from 'i18next-browser-languagedetector' import LastUsed from 'locize-lastused' import { locizePlugin } from 'locize' const isProduction = process.env.NODE_ENV === 'production' const locizeOptions = { projectId: process.env.VUE_APP_LOCIZE_PROJECTID, apiKey: process.env.VUE_APP_LOCIZE_APIKEY, // YOU should not expose your apps API key to production!!! version: process.env.VUE_APP_LOCIZE_VERSION } if (!isProduction) { // locize-lastused // sets a timestamp of last access on every translation segment on locize // -> safely remove the ones not being touched for weeks/months // https://github.com/locize/locize-lastused i18next.use(LastUsed); } export const i18nextPromise = i18next // locize-editor // InContext Editor of locize .use(locizePlugin) // i18next-locize-backend // loads translations from your project, saves new keys to it (saveMissing: true) // https://github.com/locize/i18next-locize-backend .use(Backend) // detect user language // learn more: https://github.com/i18next/i18next-browser-languageDetector .use(LanguageDetector) // init i18next // for all options read: https://www.i18next.com/overview/configuration-options .init({ debug: !isProduction, fallbackLng: 'en', saveMissing: !isProduction, backend: locizeOptions, locizeLastUsed: locizeOptions }) export default function (app) { app.use(I18NextVue, { i18next }) return app }

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-08-11.

JavaScript Internationalization related posts

Index

What are some of the best open-source Internationalization projects in JavaScript? This list will help you:

Project Stars
1 react-i18next 7,583
2 vue-i18n 6,748
3 i18next 6,325
4 react-most-wanted 2,167
5 fluent.js 765
6 redis-ui 533
7 svelte-intl-precompile 230
8 react-translated 180
9 eslint-plugin-i18n-json 140
10 copy-service 58
11 react-translate-maker 35
12 i18n-js-npm 14
13 tailwind-direction 8
14 react-intl-example 7
15 javascript-i18next-example 3
16 locize-lastused 2
Find remote jobs at our new job board 99remotejobs.com. There are 3 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org