# 3D Pricing - Animated SaaS Pricing Table

> A stunning 3D animated pricing table featuring floating glassmorphism cards, interactive billing toggle, dynamic price transitions, glowing gradient borders, and smooth hover effects. Fully responsive and built with React and Tailwind CSS.

- Author: [themeocean](https://21st.dev/@themeocean)
- License: mit
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@themeocean/components/3d-pricing-animated-saa-s-pricing-table

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/themeocean/3d-pricing-animated-saa-s-pricing-table?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