Wallet Balance Card

A three-card digital wallet that fans open on hover and reveals the hidden balance.

About this tool

An interactive wallet card for the HorizonX product design system. Hover or focus the graphite wallet to fan out its Stripe, Wise and PayPal cards, reveal the real balance and open the eye indicator. Each card can move to the front to expose its account number. Edit the copy, dimensions, neutral palette, reveal state and timing, then export one accessible standalone HTML file. Based on byllzz's design on Uiverse, used under the MIT License.

In collections: CSS Cards & Animated Card Components

Guide: CSS Cards: Build a Responsive, Accessible Card Component

UI/UX · HTML / CSS All tools

Copy

Balance

Interaction hint

Card holder

Business

PayPal email

Layout

Scale %

Wallet width px

Pocket radius px

State

Reveal balance

Palette

Pocket

Pocket ink

Muted ink

Back card

Middle card

Front card

Motion

Card transition ms

Stage

Stage colour

#ffffff