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.
pnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-currency-converterimport { CurrencyConverter } from '@/components/interactions/currency-converter'<CurrencyConverter />| Prop | Type | Default | Description |
|---|---|---|---|
initialFromCurrency | string | USD | Initial currency code for sending |
initialToCurrency | string | EUR | Initial currency code for receiving |
initialAmount | number | 100 | Initial numerical amount to convert |
currencies | Currency[] | DEFAULT_CURRENCIES | Custom 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 |
An interactive multi-agent pipeline visualization with real-time physics, event logs, and playback controls.
ViewAn interactive agent status and usage card with segmented progress tracking, live telemetry hours advancement, morph icon controls, squircle buttons, squishmoji status avatar, and a collapsible cost breakdown.
ViewA self-playing deploy pipeline that advances on its own, pauses on hover, and reveals per-step detail — drop it in to turn a static log into a living status feed.
Viewpnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-currency-converter