The Currency Converter is a powerful Framer code component that lets you display dynamic prices with multi-currency support and real-time switching.Choose a currency and display it consistently across your entire website
It provides two flexible modes:
A Currency Selector List for switching currencies
A Live Price Display that converts and formats values instantly
Perfect for eCommerce sites, SaaS landing pages, pricing sections, and international products.
📌 Details
This component allows you to:
Display prices in multiple currencies
Convert values using custom exchange rates
Switch currencies dynamically without refresh
Format numbers in different styles (comma, compact, Indian, plain)
Control decimals and rounding behavior
Customize UI styling fully inside Framer
It stores selected currency globally using Framer store, so your selection persists across the page.
Displays a selectable list of currencies.
Users can:
See available currencies
Click to switch active currency
Visual indicator shows selected currency
Best for:
Currency dropdown sections
Pricing selectors
E-commerce filters
Displays converted price based on selected currency.
Features:
Real-time conversion using exchange rates
Custom formatting options
Currency symbol auto-detection
Smooth UI display
Best for:
Product pricing
SaaS pricing pages
Dynamic landing pages
Each currency supports:
code (USD, EUR, GBP)
symbol ($, €, £)
rate (conversion rate relative to base currency)
Most Framer projects lack native multi-currency support, which creates limitations for:
Global SaaS products
E-commerce stores
International landing pages
Client-based pricing systems
This component solves that by providing:
No backend required
No external API dependency
Fully customizable UI
Instant currency switching
Lightweight state management
It helps you build production-ready pricing systems inside Framer without code complexity.
You can fully customize:
Background colors
Active indicator color
Text colors
Font family
Border radius
Padding
Font size
Price color
Decimal precision
Formatting style
Dynamic currency array
Symbol + code + rate control
Active selection highlight
Nasrullah Ubaid
