With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more β
Top 23 JavaScript I18n Projects
-
react-boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
globalize
A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data
-
next-translate
Next.js plugin + i18n API for Next.js π - Load page translations and use them in an easy way!
-
better-onetab
:bookmark_tabs: A better OneTab for Chrome :memo: Temporarily removed from firefox :construction: V2 is WIP
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
i18next-scanner
Scan your code, extract translation keys/values, and merge them into i18n resource files.
-
gatsby-plugin-intl
Gatsby plugin that turns your website into an internationalization-framework out of the box.
-
svelte-intl-precompile
I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint
-
v-selectpage
SelectPage for Vue, a select items components provides the list of items with pagination
-
nextjs-multi-domain-locale
Hosting multiple domains on the same Next.js site (while maintaining multiple languages and SSG)
-
react-translated
A dead simple way to add complex translations (i18n) in a React (DOM/Native) project πππ
-
i18next-http-middleware
i18next-http-middleware is a middleware to be used with Node.js web frameworks like express or Fastify and also for Deno.
-
stylelint-plugin-logical-css
A Stylelint plugin to enforce the use of logical CSS properties, values and units.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Stay Ahead of the Game Must Have Front-End Boilerplates and Starter Kits for Every Developer | dev.to | 2023-09-06Clone this repo using git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git
Project mention: A brief history of web development. And why your framework doesn't matter | news.ycombinator.com | 2024-04-29> Itβs important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.
Would you like to elaborate on that?
In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.
For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/
Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/
Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main
Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/
React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.
Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.
For this article, we'll leverage the 'Simple CRM' project from our previous list of projects. We'll integrate and utilize the i18n library to internationalize our application.
Project mention: Next.js Weekly #34: StyleX, Self-Healing URLs, AuthKit, Scaleable TailwindCSS, Layouts vs Templates, Faster Next.js Websites [π all links in the comments] | /r/nextjs | 2023-12-10next-translate
Project mention: Sessionic: A cross-browser extension to save, manage, restore tabs and sessions | news.ycombinator.com | 2023-10-14
Project mention: Writing a document with version control feauters | news.ycombinator.com | 2024-04-23
Github: TerryZ/v-selectpage (github.com)
The situation is partly saved by the eslint plugin eslint-plugin-i18n-json, which checks the identity of the keys in json files, but it's also not enough for reliability.
We can use Stylelint to find and fix physical CSS and introduce us to logical CSS continuously and gradually. We will install another plugin β stylelint-plugin-logical-css β to lint for logical CSS.
JavaScript I18n related posts
-
Writing a document with version control feauters
-
Big Numbers, No Worries: JavaScript Format Number With Commas
-
Pains and solutions in localization for the web
-
Typed translations in Angular
-
Syntaxe francophone
-
Internationalize TypeScript app
-
FTL loader
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 May 2024
Index
What are some of the best open-source I18n projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | react-boilerplate | 29,350 |
2 | react-i18next | 8,978 |
3 | i18next | 7,439 |
4 | vue-i18n | 7,230 |
5 | globalize | 4,786 |
6 | next-translate | 2,557 |
7 | better-onetab | 1,642 |
8 | react-intl-universal | 1,328 |
9 | monorepo | 979 |
10 | fluent.js | 903 |
11 | i18next-scanner | 534 |
12 | gatsby-plugin-intl | 323 |
13 | svelte-intl-precompile | 271 |
14 | v-selectpage | 242 |
15 | nextjs-multi-domain-locale | 220 |
16 | react-translated | 178 |
17 | eslint-plugin-i18n-json | 172 |
18 | react-i18nify | 152 |
19 | i18next-http-middleware | 147 |
20 | react-globalize | 107 |
21 | copy-service | 57 |
22 | stylelint-plugin-logical-css | 42 |
23 | react-translate-maker | 35 |
Sponsored