65:I[267044,["/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/31t_i-sjkqwxc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1hrrs8zq4ee_v.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0kwdy8yc-c0ba.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 66: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

67:T897,

Overview

This Multi-Select component allows users to select multiple options from a list using beautifully styled chips.

It is designed for flexibility, making it ideal for filters, forms, and interactive UI sections in Framer projects.

Key Features

• Multi Selection Support – Select multiple items with a configurable limit• Max Selection Control – Restrict how many items can be selected• Smooth Animations– Subtle scale effect on select and shake feedback on limit• Icon Support– Show icons on selected items (left or right)• Icon Customization– Control size, position, and tint color• Fully Customizable UI – Colors, borders, radius, typography, and spacing• Responsive Layout – Wraps automatically with flexible spacing• Form Ready – Includes hidden input for form submissions• Controlled & Uncontrolled – Works with external state or internal stateProps

Customization Options

• Chip background and text colors (normal & selected)• Border width, color, and radius• Font family, size, and weight• Padding (X & Y)• Icon visibility, position, size, and tint• Custom separator (prefix) for output value

How It WorksClick on any chip to select or deselect it. When selected, the chip visually updates and optionally shows an icon.

If the maximum selection limit is reached, additional selections trigger a shake animation for feedback.Click on any chip to select or deselect it. When selected, the chip visually updates and optionally shows an icon.

If the maximum selection limit is reached, additional selections trigger a shake animation for feedback.

Use Cases

• Filters (e.g. categories, tags, skills)• Forms with multiple choice input• Product options selection• Survey or onboarding flows

60:["$","$L65",null,{"value":{"fallback":{"$inf$activity-creator-f3932785-83b1-4fd8-bf98-7d94912b4f13-all:/unified/creator/f3932785-83b1-4fd8-bf98-7d94912b4f13/activity/":[{"data":[{"id":"019fdbe6-762f-71b8-adde-2ceffb79da25","type":"comment.reply","target":{"type":"post","id":"019e2b32-e8c3-7e22-b10e-0a364b399476","preview":"Multi Currency Price","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UbIcn0GNOZ4c05S0VeTb/multi-currency-price-RrrCccF944HijwIt6gcVWvmN1AnaDe","targetDeleted":false,"owned":true,"actions":{"postId":"019e2b32-e8c3-7e22-b10e-0a364b399476","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fdbe6-75fd-749e-85a8-b271c885783e","preview":"Hi @Moataz Elsayed ,\nSorry for the inconvenience. Please check your email—I’ve just shared the download link with you.\nThank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"mention","attrs":{"id":"e4a59975-1625-40bc-9abf-8f0e8c231283","slug":"moataz-elsayed","label":"Moataz Elsayed","mentionSuggestionChar":"@"}},{"type":"text","text":" ,"}]},{"type":"paragraph","content":[{"type":"text","text":"Sorry for the inconvenience. Please check your email—I’ve just shared the download link with you."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e2b32-e8c3-7e22-b10e-0a364b399476","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fa343-ff71-763f-9d29-fb1a71f95aa3"},"repost":null}},"actors":[{"id":"f3932785-83b1-4fd8-bf98-7d94912b4f13","name":"Nasrullah Ubaid","avatar":null,"slug":"nasrullah-ubaid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T11:05:41.679Z","latestAt":"2026-08-07T11:05:41.679Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:f3932785-83b1-4fd8-bf98-7d94912b4f13:/unified/posts/?creator=f3932785-83b1-4fd8-bf98-7d94912b4f13&with=reposts":[{"data":[{"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":"$66","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"},{"id":"019df714-9724-7957-be00-833804849a7b","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":"jZp7BiKN2em1ygqaUPb9","resolved":true,"title":"Multi Select Inputs","body":"$67","bodyJson":null,"introduction":"Flexible Multi Select Input Chip","slug":"multi-select-inputs","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/jZp7BiKN2em1ygqaUPb9/multi-select-inputs-Uhgtl3VPFh8daQoRJyMqvCZZgYIO6A","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-17T12:56:37.622Z","updatedAt":"2026-05-15T11:36:32.192Z","publishedAt":"2026-05-05T07:40:15.012Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://multiselecttag.framer.website/","price":"5","paymentUrl":"https://buy.stripe.com/3cI5kD2HA4qBbf70stg360b","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"AJjJz4tWM0WPIu7B78lf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-05T07:40:15.012Z","updatedAt":"2026-05-05T07:40:15.012Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]