Ember Wallet

A sculpted wallet with iridescent cards, a stitched ember-lit pocket and spring-like interaction.

About this tool

A CSS and SVG wallet whose three metallic cards fan open, lift on selection and reveal illustrative details. A stitched charcoal pocket carries a red glow and editable balance. Pointer-sensitive reflection, native keyboard and touch controls, reduced motion, responsive fitting, editable names and balances. Includes self-contained HTML, React and Svelte code exports. Demo data only; no payment or financial account integration.

In collections: CSS Cards & Animated Card Components

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

UI/UX · HTML / CSS / SVG All tools

Copy

Heading

Card mark

Cardholder

Balance

Currency symbol

Total balance

Cards

Card 1 name

Card 2 name

Card 3 name

Wallet

Wallet width px

Opening state

Closed Open

Selected card

0 1 2 3

Palette

Pocket glow

Case colour

Text colour

Glow intensity

Motion

Spring duration ms

Pointer tilt °

Stage

Width px

Height px