# Pricings
> Pricing sections for SaaS, one-plan, credit-based and services businesses, plus the in-app upgrade review.

Source: https://kokonutui.pro/docs/components/pricings

### Layer Stack Pricing

Each plan is a layer on the one below: pick a plan and an isometric stack builds up to it, with features grouped by the layer they come from.

```bash
npx shadcn@latest add @kokonutui-pro/layer-stack-pricing
```

### Upgrade Summary

An in-app plan change review: usage against old and new limits, and a prorated receipt with the amount due today.

```bash
npx shadcn@latest add @kokonutui-pro/upgrade-summary
```

### Three Tier Pricing

Three plans with a raised featured plan, a monthly/yearly switch, rolling price digits and a per-seat stepper on Team.

```bash
npx shadcn@latest add @kokonutui-pro/three-tier-pricing
```

### Ticket Pricing

Three plans as printed passes: big rolling prices, receipt-style rows that line up across tickets, and a barcode stub.

```bash
npx shadcn@latest add @kokonutui-pro/ticket-pricing
```

### Comparison Table Pricing

A full plan comparison table with grouped features, a sticky plan header and a show-differences-only switch.

```bash
npx shadcn@latest add @kokonutui-pro/comparison-table-pricing
```

### Credit Pack Pricing

Prepaid credit packs for AI products, with price per credit, what the credits buy and an auto top-up switch.

```bash
npx shadcn@latest add @kokonutui-pro/credit-pack-pricing
```

### Single Plan Pricing

One plan with a monthly, yearly or lifetime switch, rolling price digits and an included-features list with notes.

```bash
npx shadcn@latest add @kokonutui-pro/single-plan-pricing
```

### Agency Services Pricing

Studio service tiers with an estimate builder: pick a package, toggle add-ons and watch the total and timeline update.

```bash
npx shadcn@latest add @kokonutui-pro/agency-services-pricing
```