Price window

A 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.

Money
Drag
Pro

Price window 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

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.
Price tickA big price with a sparkline under it. When the price moves, only the digits that changed pop in, left to right out of a slight blur, and the move goes green or red.
PayA checkout card. Pick a card from a radio list, press Pay and the button spins, ticks "Paid", then a receipt slides in over the form.
Private balanceA swipeable stack of account cards with the balance under a frosted lock. Tap the amount to hide or show it; while it is hidden, press and hold to peek through a soft circular window that opens where you press.
Spend barThis 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.
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).

Price window

Price window is part of Pro.

Related