5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T7fe,

Live Currency Converter for Framer

Live Currency Converter is a polished and interactive Framer component that allows users to convert amounts between different currencies using live exchange rates.

Users can enter an amount, select a source currency, choose a target currency, and instantly view the converted amount. The component also includes a currency swap button, live rate information, copy-to-clipboard functionality, automatic rate refreshing, loading states, and error handling.

It is ideal for ecommerce websites, SaaS products, finance websites, international businesses, pricing pages, marketplaces, travel websites, and any Framer project that needs a functional currency conversion tool.

Features

- Live currency conversion

- Real-time exchange rate fetching

- Powered by Frankfurter API

- Uses European Central Bank reference rates

- No API key required

- Dynamic currency directory

- Supports all currencies published by the API

- Source and target currency selectors

- Currency swap button

- Animated converted amount

- Copy converted amount to clipboard

- Automatic exchange-rate refresh

- Custom refresh interval

- Loading state with animated skeleton

- Error state with retry functionality

- Displays the current exchange-rate date

- Automatic decimal formatting- Custom decimal options: Auto, 0, 2, or 4

- Optional currency filtering- Fully responsive component layout

- Reduced-motion support

- Extensive typography customization

- Custom colors and styling

- Custom border radius and spacing

- Custom shadow support

- Built-in accessibility focus states

- Fully customizable through Framer Property Controls

- No external library required for API functionality

- Fully built for Framer

For support, please include your project link, a short description of the issue, and a screenshot or screen recording when possible.

5a:[["$","$L5d",null,{"post":{"id":"01a09185-5b97-7161-87c5-0c71bab8a1fe","title":null,"body":"

This thing convert live currencies.

Check it out...

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This thing convert live currencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out..."}]},{"type":"paragraph"}]},"author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1XQRajf9xxgCAmzvUuC9","resolved":true,"title":"Currency Converter 2","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Live Currency Converter for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Live Currency Converter is a polished and interactive Framer component that allows users to convert amounts between different currencies using live exchange rates."}]},{"type":"paragraph","content":[{"type":"text","text":"Users can enter an amount, select a source currency, choose a target currency, and instantly view the converted amount. The component also includes a currency swap button, live rate information, copy-to-clipboard functionality, automatic rate refreshing, loading states, and error handling."}]},{"type":"paragraph","content":[{"type":"text","text":"It is ideal for ecommerce websites, SaaS products, finance websites, international businesses, pricing pages, marketplaces, travel websites, and any Framer project that needs a functional currency conversion tool."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Live currency conversion"}]},{"type":"paragraph","content":[{"type":"text","text":"- Real-time exchange rate fetching"}]},{"type":"paragraph","content":[{"type":"text","text":"- Powered by Frankfurter API"}]},{"type":"paragraph","content":[{"type":"text","text":"- Uses European Central Bank reference rates"}]},{"type":"paragraph","content":[{"type":"text","text":"- No API key required"}]},{"type":"paragraph","content":[{"type":"text","text":"- Dynamic currency directory"}]},{"type":"paragraph","content":[{"type":"text","text":"- Supports all currencies published by the API"}]},{"type":"paragraph","content":[{"type":"text","text":"- Source and target currency selectors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Currency swap button"}]},{"type":"paragraph","content":[{"type":"text","text":"- Animated converted amount"}]},{"type":"paragraph","content":[{"type":"text","text":"- Copy converted amount to clipboard"}]},{"type":"paragraph","content":[{"type":"text","text":"- Automatic exchange-rate refresh"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom refresh interval"}]},{"type":"paragraph","content":[{"type":"text","text":"- Loading state with animated skeleton"}]},{"type":"paragraph","content":[{"type":"text","text":"- Error state with retry functionality"}]},{"type":"paragraph","content":[{"type":"text","text":"- Displays the current exchange-rate date"}]},{"type":"paragraph","content":[{"type":"text","text":"- Automatic decimal formatting- Custom decimal options: Auto, 0, 2, or 4"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional currency filtering- Fully responsive component layout"}]},{"type":"paragraph","content":[{"type":"text","text":"- Reduced-motion support"}]},{"type":"paragraph","content":[{"type":"text","text":"- Extensive typography customization"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom colors and styling"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom border radius and spacing"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom shadow support"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built-in accessibility focus states"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable through Framer Property Controls"}]},{"type":"paragraph","content":[{"type":"text","text":"- No external library required for API functionality"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully built for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"For support, please include your project link, a short description of the issue, and a screenshot or screen recording when possible."}]}]},"introduction":"Convert Amounts","slug":"currency-converter-2","author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/01a09183-5b63-75d8-b5d6-74b29d858787.png","metadata":{"tint":{"h":180,"s":53,"l":42},"width":2880,"height":2160}}],"post":null,"createdAt":"2026-09-11T17:30:30.604Z","updatedAt":"2026-09-19T05:31:37.240Z","publishedAt":"2026-09-11T17:30:30.601Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://currencyconverterlive.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/suv9yYTD-live-currency-converter-for-framer","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Ufcxj5qCiEhrX10cAtCV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T17:30:31.191Z","updatedAt":"2026-09-11T17:30:31.191Z","reported":false}}],"$L5f"]

Suggested for you