Balance Reveal

Available balance
$12,480.50
Income$0.00
Spending$0.00
About this piece

Balance Reveal

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.

Usage

The import and the props worth knowing about, in one place.

import { Money25 } from "@/components/beste/piece/money25";

<Money25
  label="Available balance"
  amount={12480.5}
  income={6240}
  spending={1835.2}
  tone="sky"
/>

More Money pieces

View all Money
beste
Card ending 4417
Card holderHerbie Hancock
Expires09/29

Card Reveal

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.

Estimated saving

$1,840per month
38% lower
Four tools today$4,820
One workspace$2,980

Savings Readout Card

A savings card leading on a large figure and a change chip, then comparing the old and new spend on two aligned rows.

Practice

Popular
$79/mo
Unlimited members
Automated billing
Priority support

Plan Price Card

A compact plan card with a name, an optional highlight badge, a price with period, and a short list of included features.

TransferReady
NSNina Simone
MDMiles Davis
$250.00 to Miles Davis

Transfer Flow

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.

Pay Beste Studio$128.00
USD
Visa•••• 4417
Encrypted checkout

Payment Processing

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.

MarketsLive
  • BTCBitcoin
    64,120.50+0.00%
  • ETHEthereum
    3,412.20+0.00%
  • AAPLApple
    189.35+0.00%

Price Ticker

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.