---
title: "Realtime Currency  — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Nabeel · Text. About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO."
canonical: "https://framer.elliotli.dev/component/realtime-currency"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Realtime Currency

# Realtime Currency

[View on Framer](https://framer.com/marketplace/components/realtime-currency/?via=elliot-li)

![Realtime Currency  preview image 1](https://framer.elliotli.dev/og/component/realtime-currency/a9eaaf778e92e6f1/1600x1200.jpg)

## Summary

About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO.

## Description

## About

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Copy and paste the component into your project file
    
2.  Customize the appearance and behavior using the property controls:
    
    -   Base amount: The amount you want to convert (e.g., 100)
        
    -   Base currency: Enter the three-letter currency code (like USD, EUR, GBP) that represents your primary currency. For example, if your prices are in US dollars, use "USD". This is the currency that will be converted to the visitor's local currency.
        
    -   Display format: Choose how the currency appears ($ 100, 100 $, or 100 USD)
        
    -   Font and color settings for visual customization
        
    -   Enable debug mode to see conversion details
        
3.  For testing different locations, use a VPN to change your location and see how the currency automatically updates based on the new location. The debug mode will show you which country is detected and the conversion details.
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zseeqe2v-ZMKRtVFCIZ8SE1ZFiDeocvR9gzyfh8)

The component can be customized using these properties:

-   Amount: The base amount to convert
    
-   Base Currency: The starting currency (e.g., USD)
    
-   Display Type: Choose between prefix ($ 100), suffix (100 $), or code format (100 USD)
    
-   Debug Mode: Toggle to show conversion details
    
-   Font: Customize the text appearance
    
-   Color: Set the text color
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #11313

## Details

- **Author**: Nabeel
- **Price**: $14.00
- **Published**: 2025-08-20
- **Updated**: 2025-08-20
- **Added**: 2025-08-15
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos