GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → wolfadex → fluent-web

wolfadex / fluent-web

Licence: MIT license
A web component for using projectfluent.org/

Programming Languages

javascript
184084 projects - #8 most used programming language
elm
856 projects
HTML
75241 projects
CSS
56736 projects

Labels

htmllocalizationweb-componentssvelte

Projects that are alternatives of or similar to fluent-web

Time Elements
Web component extensions to the standard <time> element.
Stars: ✭ 2,318 (+5553.66%)
Mutual labels:  localization, web-components
i18n-literally
🍦 A simple way to introduce internationalization to your JS
Stars: ✭ 80 (+95.12%)
Mutual labels:  localization
Counterpart
A translation and localization library for Node.js and the browser.
Stars: ✭ 239 (+482.93%)
Mutual labels:  localization
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+685.37%)
Mutual labels:  web-components
Ttag
📙 simple approach for javascript localization
Stars: ✭ 243 (+492.68%)
Mutual labels:  localization
open-ui
Maintain an open standard for UI and promote its adherence and adoption.
Stars: ✭ 2,539 (+6092.68%)
Mutual labels:  web-components
Iscloam
Intensity Scan Context based full SLAM implementation for autonomous driving. ICRA 2020
Stars: ✭ 232 (+465.85%)
Mutual labels:  localization
amagaki
A high-performance TypeScript static website generator for building highly-interactive websites. Localization inbuilt. Flexible URLs. Content managed and templates separated.
Stars: ✭ 33 (-19.51%)
Mutual labels:  localization
flutter localizations
Flutter Localization
Stars: ✭ 21 (-48.78%)
Mutual labels:  localization
twitter-status
Twitter Status Web Component
Stars: ✭ 59 (+43.9%)
Mutual labels:  web-components
Localization.AspNetCore.TagHelpers
Asp.Net Core Tag Helpers to use when localizing Asp.Net Core application instead of manually injecting IViewLocator
Stars: ✭ 25 (-39.02%)
Mutual labels:  localization
Flutter translate
Flutter Translate is a fully featured localization / internationalization (i18n) library for Flutter.
Stars: ✭ 245 (+497.56%)
Mutual labels:  localization
loco
Loco: Localization Package for Nim Apps
Stars: ✭ 20 (-51.22%)
Mutual labels:  localization
Laravel Multilingual Routes
A package to handle multilingual routes in your Laravel application.
Stars: ✭ 241 (+487.8%)
Mutual labels:  localization
Localizr
Localizr is a Tool that handles and automates the generation of localization files for IOS and Android so there will be only one source of truth for all of your localization strings.
Stars: ✭ 33 (-19.51%)
Mutual labels:  localization
Tonav
Implementation of Multi-State Constraint Kalman Filter (MSCKF) for Vision-aided Inertial Navigation. This is my master's thesis.
Stars: ✭ 235 (+473.17%)
Mutual labels:  localization
Localize
Localize is a framework writed in swift to localize your projects easier improves i18n, including storyboards and strings.
Stars: ✭ 253 (+517.07%)
Mutual labels:  localization
opensource
Collection of Open Source packages by Otherwise
Stars: ✭ 21 (-48.78%)
Mutual labels:  localization
arbify flutter
Flutter package providing Arbify support.
Stars: ✭ 18 (-56.1%)
Mutual labels:  localization
vaadin-select
Customizable Web Component similar to a native browser select. Part of the Vaadin components.
Stars: ✭ 18 (-56.1%)
Mutual labels:  web-components
View All Similar Projects ➔

fluent-web

A web component that uses Fluent for localization.

Interactive example.

Locale en-US Locale pl
example result locale en-US example result locale pl

Basic Usage:

yarn add @wolfadex/fluent-web or npm install @wolfadex@fluent-web

import "@wolfadex/fluent-web"
import { FluentResource, FluentBundle } from "@fluent/bundle";

const resource = new FluentResource(`
hello = Hello, Fluent!
`);
const bundle = new FluentBundle("en-US");
bundles.addResource(resource);

const textEl = document.getElementById("my-text-element");

textEl.bundles = [bundle];

HTML:

<fluent-text id="my-text-element" messageid="hello"></fluent-text>

Result:

Hello, Fluent!

For how to build messages, see the Fluent docs.

Examples:

Docs:

See the Docs for more details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].