LíngAwesome

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.

Get started Explore Language Tokens

20 Languages

Easily build multi-language web pages, web apps, navigation, sign-up forms, and ecommerce sites.

Standard Tokens

Access a comprehensive set of 299 standard tokens for streamlined and consistent localization.

Auto Language Detection

Effortlessly switch between languages based on user preferences with automatic language detection.

Blazingly Fast

Create multilingual experiences with lightning-fast performance, ensuring smooth user interactions.

Quick Integration

Add localization to your projects in minutes, saving time and effort in the development process.

Simplified Localization

Simplify the localization process with intuitive markup and easy implementation.

Community-Driven

Join a vibrant community of developers contributing to the growth and improvement of LíngAwesome.

Global Accessibility

Make your web applications accessible and engaging to users worldwide, breaking language barriers.

Hello World Example

A simple dynamic "Hello World" example.

Hello World
Welcome
Welcome Back
<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>

Buttons and Links

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>

Pluralization Example

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>

Credit Card Form Example

Easily create multi-lingual checkout and payment forms with LíngAwesome.

Payment Details
<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>
More examples