KokonutUI
An animated currency transfer card that transitions from "processing" to "completed" with spring animations, a spinning progress indicator, an animated checkmark, and collapsing from/to sections.
The component auto-transitions from "Transfer in Progress" to "Transfer Completed" after 1.5 seconds. The from/to sections collapse together with a spring animation when completed.
Hardcoded demo data: USD 500 to EUR 460 at 1:0.92 exchange rate. Uses shadcn Card, Tooltip, and Lucide icons internally.
Wrap your layout with TooltipProvider if you haven't already, since the info icon uses the tooltip component.