# Glassmorphic Wallet Card

> A stunning, modern wallet interface featuring premium glassmorphism design principles. This React component showcases a frosted glass card floating above a textured tile background with realistic shadows. The card displays total assets with an elegant typography hierarchy and provides four key financial actions (Deposit, Withdraw, Transfer, Convert) through beautifully animated circular buttons. Built with React and Tailwind CSS, it features smooth hover animations, scale transforms, and a sophisticated depth effect created through layered shadows and backdrop blur. The design emphasizes clarity and user experience with intuitive iconography and a clean, minimal aesthetic that feels both premium and functional. Perfect for cryptocurrency wallets, financial dashboards, or any modern fintech application seeking a high-end, interactive UI.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/glassmorphic-wallet-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/glassmorphic-wallet-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt