Spend bar

This cycle's spend as one vertical bar, segments sized by amount, with the total rolling beside it. Press the card and the key slides up; point at a key line and its segment pulls out of the bar like a drawer.

Money
Press
Pro

Spend bar is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Get Pro Already Pro? Sign in

Token swapTwo cards, pay and receive. The arrow between them spins and the cards swap places on a spring, amounts rolling to the new rate (changed digits pop in from the right).
ReceiptA transfer card that becomes its own receipt. Send, and the card turns to thermal paper and prints top to bottom behind a moving head; the stamp slams on when the print finishes; the stub tears off along the perforation and falls, and the card comes back.
Money pullTwo accounts joined by a metaball neck. Drag out of the sender and a blob necks off it, the amount tag grows with the pull; let go nearer the receiver and the balances roll like odometers.
Price chartA price header over a scrubbable chart. Drag or arrow-key across it to read price, change and time at that point; switching range morphs the line; the candle toggle grows the line into candles and folds it back.
Price windowA histogram with a plain two-thumb range slider directly under it and two read-only value pills. Bars inside the range stay solid, the rest fade; a counter rolls the number of listings inside.
Boarding passA midnight boarding pass. Drag the stub down and the tear front runs down the perforation while the torn part hinges on the point still attached, then drops away and a "kept" chip takes its place.

Spend bar

Spend bar is part of Pro.

Related