UniRate Widgets

Quick Start

Add these two lines to your HTML to get started:

<link rel="stylesheet" href="https://unirateapi.com/lander/static/css/unirate-widgets.css">
<script src="https://unirateapi.com/lander/static/js/unirate-widgets.js"></script>

Then add a div with the appropriate ID to create a widget. See examples below!

1. Simple Currency Converter

A classic two-currency converter with amount input and swap button.

<div id="unirate-converter"
     data-from="USD"
     data-to="EUR"
     data-amount="100">
</div>

2. Currency Calculator

Convert one currency to multiple target currencies at once.

<div id="unirate-calculator"
     data-base="USD"
     data-amount="100"
     data-currencies="EUR,GBP,JPY,CAD,AUD">
</div>

3. Exchange Rate Table

Display current exchange rates in a clean table format.

<div id="unirate-table"
     data-base="USD"
     data-currencies="EUR,GBP,JPY,CAD,AUD,CHF">
</div>

4. Currency Badge

Compact inline display of a single currency pair rate.

<div id="unirate-badge"
     data-from="USD"
     data-to="EUR"
     data-amount="1">
</div>

5. VAT Calculator

Calculate VAT (Value Added Tax) for different countries.

<div id="unirate-vat"
     data-country="DE">
</div>

6. Travel Budget Calculator

Perfect for travel websites - shows currency conversion plus VAT information.

<div id="unirate-travel"
     data-from="USD"
     data-to="EUR">
</div>