# Verification Card

> The IdentityCard component is a standalone, reusable card UI designed to replicate the clean and professional look of a modern credit or identity card. It features a customizable background image, masked ID number, cardholder name, validity date, and a top label, all laid out in a structured and minimal design. Built with Framer Motion for subtle entry animation, it feels dynamic without being distracting. Because the content is driven by props, it can easily adapt to different contexts — from an identity verification screen, to a virtual wallet, to a dashboard widget showing account or membership details. Its elegant balance of visual appeal and configurability makes it a versatile component wherever a polished, card-like presentation is needed.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/verification-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/verification-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