59:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0ebkvqksdxj8m.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5a:Tdd5,

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

💡 What This Component Does

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.

⚙️ Modes

1. Show List Mode

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

2. Show Price Mode

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

💱 Currency System

Each currency supports:

code (USD, EUR, GBP)
symbol ($, €, £)
rate (conversion rate relative to base currency)

🎯 Why This Component Is Needed

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.

🎛️ Customization Options

You can fully customize:

UI Styling

Background colors
Active indicator color
Text colors
Font family
Border radius
Padding

Price Display

Font size
Price color
Decimal precision
Formatting style

Currency List

Dynamic currency array
Symbol + code + rate control
Active selection highlight

56:[["$","$L59",null,{"post":{"id":"019e2b32-e8c3-7e22-b10e-0a364b399476","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f3932785-83b1-4fd8-bf98-7d94912b4f13","name":"Nasrullah Ubaid","slug":"nasrullah-ubaid","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UbIcn0GNOZ4c05S0VeTb","resolved":true,"title":"Multi Currency Price","body":"$5a","bodyJson":null,"introduction":"Multi Currency Price Converter","slug":"multi-currency-price","author":{"framerUserId":"f3932785-83b1-4fd8-bf98-7d94912b4f13","name":"Nasrullah Ubaid","slug":"nasrullah-ubaid","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UbIcn0GNOZ4c05S0VeTb/multi-currency-price-RrrCccF944HijwIt6gcVWvmN1AnaDe","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-11T19:47:19.952Z","updatedAt":"2026-05-23T07:48:19.581Z","publishedAt":"2026-05-15T10:33:37.219Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://multicurrencyrender.framer.website/","price":"5","paymentUrl":"https://buy.stripe.com/3cIcN56XQcX7ab36QRg360c","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"cYzW9hWWVDaNob36cQoA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-15T10:33:37.219Z","updatedAt":"2026-05-15T10:33:37.219Z","reported":false}}],"$L5b"]

Suggested for you