# 3D Animated Mastercard Component

> A stunning 3D credit card component with realistic hover animations and detailed visual effects. Features a premium Mastercard design with metallic gradients, embossed textures, and smooth 3D transformations. Perfect for fintech applications, payment interfaces, or portfolio showcases. The card includes authentic details like chip placement, card numbers, and the iconic Mastercard branding with sophisticated hover effects that create depth and interactivity.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/3d-animated-mastercard-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/3d-animated-mastercard-component?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