Currency Converter Widget Generator

Customize and embed our currency converter widget on your website

Widget Settings

Theme & Display

Theme

Primary Colors

Primary Color

Primary Light

Background Colors

Surface

Text Colors

Text

Muted Text

Light Text

Border Colors

Border

Light Border

Dropdown Colors

Dropdown Background

Live Preview

Embed Code

<!--Currency Converter Web Component-->
<currency-converter
    primary="#f59e0b"
    primaryLight="#fbbf24"
    primaryDark="#d97706"
    surface="#212121"
    text="#f9fafb"
    textMuted="#d1d5db"
    textLight="#f9fafb"
    border="#4b5563"
    borderLight="#6b7280"
    dropdown="#374151"
></currency-converter>
<!--JavaScript is required to load the widget-->
<script src="http://sveltekit-prerender/web-components/umd/currency-converter.js" async></script>

How to Use

Customize

Adjust colors and settings to match your website's design

Copy Code

Copy the generated HTML code from the embed section

Embed

Paste the code into your website where you want the widget to appear