# App Launch Pricing

Pricing page of a consumer app with a free plan and a monthly or annual switch.

- id: `app-launch-pricing`
- Page: https://agentic-ui-kit.com/components/app-launch-pricing
- Live preview: https://agentic-ui-kit.com/app-launch/pricing?piece=app-launch-pricing

## Install

```bash
agentic-ui add app-launch-pricing
npx shadcn@4.17.0 add @agentic-ui/app-launch-pricing
```

## Metadata

- **Level:** page
- **Category:** page
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** free-plus-family-plans, monthly-annual-switch, savings-note, billing-faq
- **Intents:** compare-over-time, configure
- **Suits domains:** marketing, personal-productivity, culinary
- **Interaction:** toggle, click, disclosure
- **Screen role:** management
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** pricing page of a consumer app with a free plan and a monthly or annual switch
- **Avoid when:** authenticated app screens (use an app shell with a sidebar)
- **Preserve when adapting:** single-h1-per-page, section-order, link-integrity
- **Replace when adapting:** brand-copy, content-data, links
- **Adaptation effort:** low
- **Coupling:** medium
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** next, lucide-react, next-themes
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** App Launch (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives, marketing-bento-showcase, marketing-cta, marketing-faq, marketing-pricing, marketing-stats, marketing-store-badges, marketing-testimonial-wall