# PolicyPassCard

> The PolicyPassCard is a modern, Shadcn UI–styled component designed to provide a clear, concise, and interactive summary of an insurance policy. It elegantly combines essential policy details, client information, and a scannable QR code for quick verification or access. The card is highly configurable, allowing developers to customize client data, policy specifics, QR code URL, and actions such as updating or viewing the policy. Built with accessibility and responsiveness in mind, it features smooth animations, tooltips for actionable elements like copyable policy numbers, and an organized layout for easy readability. This component is perfect for dashboards, customer portals, or mobile applications where users need quick access to policy information in a visually appealing, professional format.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ruhith369/components/policy-pass-card

## Install

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