Currency Transfer

Multi-step currency transfer animation with progress indicator and exchange rate display

transfer currency animation finance progress form

Transfer in Progress

Processing Transaction...

From

500.00 USDChase Bank ****4589

€

460.00 EURDeutsche Bank ****7823

Calculating exchange rate...

import CurrencyTransfer from "@/components/vritti/currency-transfer"

export function CurrencyTransferExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <CurrencyTransfer />
    </div>
  )
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/currency-transfer"

Dependencies


pnpm add motion lucide-react