Currency Converter Widget

ReactFinanceChartsUXUpdated 2026-08-10

When to use: Adding currency conversion to fintech apps, travel platforms, remittance services, or international pricing pages.

Install
npx skills add currency-converter-widget
Git Clone
git clone https://github.com/skillhub-community/currency-converter-widget.git

Description

A compact, embeddable currency converter: two amount inputs (source and target) with currency dropdowns featuring country flags and search-by-code-or-name, a swap-currencies button with smooth flip animation, and a real-time exchange rate display showing the current mid-market rate with last-updated timestamp. Supports 170+ currencies via a configurable exchange rate API.

Includes a historical rate chart (line chart, 7D/30D/90D/1Y toggles) showing rate trends between the selected pair. Users can pin favorite currency pairs for quick access — persisted in localStorage. Caches the latest rates for offline use with a stale-while-revalidate strategy. Screen-reader friendly with live rate announcements.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@fin_rahul
LicenseMIT
Version1.0.0
Dependencies0