Currency Converter

An interactive currency converter and token swap card with real-time exchange rates, NumberFlow spring animations, Space UI Select with flags, and a liquid metal squircle button.

15.7 KB
•
Updated on September 28, 2026
Active on Canvas Stage

Installation

Bash
pnpm dlx shadcn@latest add @spaceui/interactions-currency-converter

Usage

Code
import { CurrencyConverter } from '@/components/interactions/currency-converter'
Code
<CurrencyConverter />

API Reference

CurrencyConverter Props

PropTypeDefaultDescription
initialFromCurrency
string
USDInitial currency code for sending
initialToCurrency
string
EURInitial currency code for receiving
initialAmount
number
100Initial numerical amount to convert
currencies
Currency[]
DEFAULT_CURRENCIESCustom array of available currency rates and metadata
onConvert
(details: CurrencyConvertDetails) => void
-Callback triggered when the convert action button is pressed
className
string
-Additional class name applied to outer Frame container

Related Components

Agent Activity FeedInteraction

Real-time telemetry event stream monitoring tool executions, state diffs, tokens expended, and security policy checks.

View
Agent Clearance DeckInteraction

Interactive card-swipe approval stack for autonomous agent actions with multi-tier risk metadata, keyboard shortcuts (A/D), and sound feedback.

View
Agent Genesis ForgeInteraction

Interactive multi-step wizard for synthesizing agent personas, custom system directives, tool clearance grants, and model tiers.

View
Realtime Voice
pnpm dlx shadcn@latest add @spaceui/interactions-currency-converter