ForexAPI Logo
HomeConverterDocsWidgetsPricing

Cross Rates Widget Generator

Customize and embed our live cross rates matrix on your website

Widget Settings

Theme & Display

Background Colors

Cell Colors

Text Colors

Price Change Colors

Live Preview

Currency Cross Rates

Live exchange rates matrix

EURUSDGBPAUDJPYCHF
EUR
USD
GBP
AUD
JPY
CHF
Cross Rates

Full market cross rates with the Professional plan

Embed Code

<!--Cross Rates Web Component-->
<cross-rates
    textColor="#ffffff"
    borderColor="#383533"
    cellActiveColor="#25272b"
    cellActiveTextColor="#ffffff"
    cellInactiveColor="#171717"
    cellInactiveTextColor="#9ca3af"
    cellUpColor="#10b981"
    cellDownColor="#ef4444"
    borderRadius="1rem"
></cross-rates>
<!--JavaScript is required to load the widget-->
<script src="http://sveltekit-prerender/web-components/umd/cross-rates.js" async></script>

How to Use

1

Customize

Adjust colors and settings to match your website's design

2

Copy & Embed

Copy the generated HTML code and paste it into your website where you want the cross rates to appear

The Cross Rates Widget displays a comprehensive matrix of currency exchange rates, showing how major currencies perform against each other in real-time. Perfect for financial websites, trading platforms, and forex analysis tools that need to display multiple currency relationships simultaneously.