---
title: "Pricing page"
description: "Kilnwork's pricing page: three plans under a billing switch, a full comparison with a sticky plan bar, an enterprise band, billing questions and the site's header and footer."
plan: Pro
docs: https://ui.edbn.me/docs/templates/pricing-page
---

# Pricing page

Kilnwork's pricing page: three plans under a billing switch, a full comparison with a sticky plan bar, an enterprise band, billing questions and the site's header and footer.

Kilnwork's site header and footer from the landing page frame one h1 page: the heading and a Monthly/Yearly switch over three plans, then every feature compared, a band for schools and groups of studios, billing questions and a closing call to action. The page holds the billing period, so the plan cards and the comparison's prices change together without anything moving. From 768px the comparison's plan bar, with each plan's name, price and button, sticks under the header while the table scrolls; the table keeps its own column headers for screen readers. On phones the comparison shows one plan at a time behind tabs that stay in view, as a two-column list, so nothing scrolls sideways. Every section shares the 1152px page width, one gutter and one 96px gap, and lays out by its own width, so the page holds at 1440, 1024, 768 and 390.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/pricing-page
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, badge, button, card, field, input-group, navigation-menu, separator, sheet, spinner, table, tabs, text-link, toggle-group

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More site pages templates

All 2, with install commands: https://ui.edbn.me/docs/templates/site-pages (Markdown: https://ui.edbn.me/docs/templates/site-pages.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt