Practice
PopularA compact plan card with a name, an optional highlight badge, a price with period, and a short list of included features.
The import and the props worth knowing about, in one place.
import { Money22 } from "@/components/beste/piece/money22";
<Money22
surface="card"
bordered={true}
inverted={false}
name="Practice"
badge="Popular"
price="$79"
period="mo"
items={[
"Unlimited members",
"Automated billing",
"Priority support"
]}
/>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.
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.
Three market rows that drift on a random walk, each updated price flashing green or red for a beat while its percent pill pops to the new value.
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.