Language Translation Tokens for Multilingual Apps & Websites
Effortlessly construct web pages, web apps, navigation, sign-up forms, and e-commerce sites in multiple languages using our sleek and ready-to-use language tokens.
LíngAwesome, the "FontAwesome for language," simplifies the process of integrating multiple languages into web applications. By utilizing language tokens as placeholders for translations, LíngAwesome automatically replaces the tokens with standardized translations. It intelligently handles form fields and updates translations in real-time, ensuring a seamless and consistent user experience.
With LíngAwesome, language localization becomes effortless, instantly making web applications accessible and captivating to global audiences.
Experience the power of LíngAwesome and create multilingual wonders in mere seconds. Translate your content into 10 languages and more with ease.
Easily build multi-language web pages, web apps, navigation, sign-up forms, and ecommerce sites.
Access a comprehensive set of 299 standard tokens for streamlined and consistent localization.
Effortlessly switch between languages based on user preferences with automatic language detection.
Create multilingual experiences with lightning-fast performance, ensuring smooth user interactions.
Add localization to your projects in minutes, saving time and effort in the development process.
Simplify the localization process with intuitive markup and easy implementation.
Join a vibrant community of developers contributing to the growth and improvement of LíngAwesome.
Make your web applications accessible and engaging to users worldwide, breaking language barriers.
A simple dynamic "Hello World" example.
<h5 class="m-b-4" translate="no" ta-kit="hello-world">Hello World</h5>
<h5 class="m-b-4" translate="no" ta-kit="welcome">Welcome</h5>
<h5 class="m-b-4" translate="no" ta-kit="welcome back">Welcome Back</h5>
LíngAwesome provides standard button translations along with additional options.
<button type="button" translate="no" ta-kit="submit" class="btn btn-primary">Submit</button>
<button type="button" translate="no" ta-kit="close" class="btn btn-secondary">Close</button>
<button type="button" translate="no" ta-kit="accept" class="btn btn-success">Accept</button>
<button type="button" translate="no" ta-kit="decline" class="btn btn-danger">Decline</button>
<button type="button" translate="no" ta-kit="reload" class="btn btn-warning">Reload</button>
<button type="button" translate="no" ta-kit="create" class="btn btn-info">Create</button>
<button type="button" translate="no" ta-kit="next" class="btn btn-light">Next</button>
<button type="button" translate="no" ta-kit="play" class="btn btn-dark">Play</button>
<button type="button" translate="no" ta-kit="cancel" class="btn btn-link">Cancel</button>
Dynamic language selection buttons enable real-time, on-the-fly translation. The country name of the selected language is displayed in the DOM, handled entirely within HTML.
1 Item
2 Items
()
<button class="btn btn-light btn-sm" ta-kit-select="en" lang="en">English</button>
<button class="btn btn-light btn-sm" ta-kit-select="pt" lang="pt">Portuguese</button>
<button class="btn btn-light btn-sm" ta-kit-select="fr" lang="fr">French</button>
<button class="btn btn-light btn-sm" ta-kit-select="es" lang="es">Spanish</button>
<p><span class="badge bg-dark text-light">1</span> <span ta-kit="item" class="text-capitalize">Item</span></p>
<p><span class="badge bg-dark text-light">2</span> <span ta-kit="items" class="text-capitalize">Items</span></p>
<p class="text-muted"><small>(<span ta-kit-language></span>)</small></p>
Easily create multi-lingual checkout and payment forms with LíngAwesome.
<form>
<h5 translate="no" ta-kit="sign-up">Payment Details</h5>
<div class="form-group">
<label for="exampleInputCardNo" translate="no" ta-kit="card-number">Card Number</label>
<input type="text" translate="no" ta-kit="card-number" class="form-control" id="exampleInputCardNo" placeholder="Enter card number">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputExpiration" translate="no" ta-kit="expiration-date">Expiration Date</label>
<input type="text" translate="no" ta-kit="expiration-date" class="form-control" id="exampleInputExpiration" placeholder="MM/YY">
</div>
<div class="form-group col-md-6">
<label for="exampleInputCVC" translate="no" ta-kit="cvv">CVC</label>
<input type="text" translate="no" ta-kit="cvv" class="form-control" id="exampleInputCVC" placeholder="CVC">
</div>
</div>
<div class="form-group">
<label for="exampleInputZIP" translate="no" ta-kit="zipcode">ZIP Code</label>
<input type="text" translate="no" ta-kit="zipcode" class="form-control" id="exampleInputZIP" placeholder="Enter ZIP code">
</div>
<button type="reset" class="btn btn-secondary">Reset</button>
<button type="submit" translate="no" ta-kit="pay-now" class="btn btn-primary">Pay Now</button>
</form>