# Pricing Card

> Pricing Card Component This component is designed to be highly reusable and customizable. You can control all its content through props, including the plan name, features list (with optional tooltips), pricing, and call-to-action text. The 3D tilt effect is self-contained and works out of the box.

- Author: [Ravi Katiyar](https://21st.dev/@ravikatiyar162)
- License: unknown
- npm dependencies: lucide-react, framer-motion, @radix-ui/react-tooltip
- Live preview: https://21st.dev/@ravikatiyar162/components/pricing-card-3

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ravikatiyar162/pricing-card-3?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