Currency Strength Widget Generator

Show which currencies are strongest and weakest right now, live

Widget Settings

Theme & Display

Theme

Border Radius

Colors

Background

Text

Muted Text

Border

Strength Up

Strength Down

Live Preview

Currency Strength LIVE

USD US Dollar —

EUR Euro —

GBP British Pound —

JPY Japanese Yen —

CHF Swiss Franc —

CAD Canadian Dollar —

AUD Australian Dollar —

NZD New Zealand Dollar —

Average % change across major pairs · Powered by ForexAPI

Embed Code

<!--Currency Strength Web Component-->
<currency-strength
    backgroundColor="#171717"
    textColor="#ffffff"
    mutedTextColor="#9ca3af"
    upColor="#10b981"
    downColor="#ef4444"
    borderColor="#383533"
    borderRadius="0.75rem"
></currency-strength>
<!--JavaScript is required to load the widget-->
<script src="http://sveltekit-prerender/web-components/umd/currency-strength.js" async></script>

How to Use

Customize

Adjust colors to match your website's design

Copy & Embed

Paste the generated HTML where the strength meter should appear

The Currency Strength widget ranks the 8 major currencies (USD, EUR, GBP, JPY, CHF, CAD, AUD, NZD) by their average live % change across the major pairs — rising bars mean buying pressure, falling bars mean selling pressure. Great for trading dashboards, market overviews, and analysis sidebars.