# Frost Pricing Card

Glass pricing cards with monthly yearly toggle and a glowing featured plan.

- id: `frost-pricing-card`
- Page: https://agentic-ui-kit.com/components/frost-pricing-card
- Live preview: https://agentic-ui-kit.com/live/piece/frost-pricing-card?piece=frost-pricing-card

## Install

```bash
agentic-ui add frost-pricing-card
npx shadcn@4.17.0 add @agentic-ui/frost-pricing-card
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** glass-pricing-cards, billing-toggle, featured-glow-edge, big-light-prices, frost-style, dark-mode
- **Intents:** compare-over-time, navigate
- **Suits domains:** marketing, billing, saas
- **Interaction:** click, toggle
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** glass pricing cards with monthly yearly toggle and a glowing featured plan, frosted three-tier pricing section for a dark AI product page
- **Avoid when:** feature-by-feature plan comparison (use marketing-pricing-compare), in-app plan management (use billing-pricing-table)
- **Preserve when adapting:** radio-billing-toggle, named-actions
- **Replace when adapting:** plans, currency, title
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives