The amount hops out of the sender's tile and arcs along a filling track, then lands with a ring and floats a credit chip above the recipient.
The import and the props worth knowing about, in one place.
import { Money26 } from "@/components/beste/piece/money26";
<Money26
sender={{
"name": "Nina Simone",
"initials": "NS"
}}
recipient={{
"name": "Miles Davis",
"initials": "MD"
}}
amount={250}
tone="emerald"
/>Checkout sheet whose pay button turns into a spinner, then a green check with a ring rippling out of it, before resetting for the next run.
Balance card that counts its big figure up from zero with an ease-out curve, then brings income and spending in behind it, each counting up to its own total.
Estimated saving
A savings card leading on a large figure and a change chip, then comparing the old and new spend on two aligned rows.
Payment card that swings in from a slight 3D angle, uncovers its masked number one group at a time, and fades in the holder name and expiry last.