← All HTML demosDownload this pack free

HTML Pricing Table Templates

30 pricing sections in plain HTML and CSS. Responsive, accessible and free for personal and commercial use.

Pricing sections 30

Pricing section 01 · Three tiers with toggle

Monthly / yearly switch, three plans with the middle one highlighted, and an "all plans include" row.

Open
Pricing section 02 · Free vs Pro with seats

Two plans side by side. The Pro card has a seat counter that updates the total as you click.

Open
Pricing section 03 · Four tiers in one panel

Four plans joined into a single bordered panel, each building on the last. Good for website builders and tools.

Open
Pricing section 04 · Comparison table

A full feature table grouped by category with a sticky plan header. On phones, tabs switch between plans.

Open
Pricing section 05 · Usage slider

Drag to pick how many contacts you have; the plan and price update live. For email, CRM and usage-based tools.

Open
Pricing section 06 · Single plan

One plan, everything included: big price, guarantee, two-column feature list and a social proof strip.

Open
Pricing section 07 · Plans with enterprise card

Two compact self-serve plans next to a large dark enterprise card with security points and a sales call to action.

Open
Pricing section 08 · Credit packs

One-time credit bundles as selectable cards with a live order summary. For AI tools, downloads and pay-as-you-go.

Open
Pricing section 09 · Dark with currency switch

Dark cards with a glowing featured plan and a USD / EUR / GBP switch that swaps symbols and amounts.

Open
Pricing section 10 · Service price menu

A restaurant-style price list with dotted leaders, grouped services and a booking card. For salons, clinics and studios.

Open
Pricing section 11 · Stacked plan rows

Plans as wide horizontal rows instead of columns: name and audience, inline feature chips, price per seat and a button. The popular row is raised and highlighted.

Open
Pricing section 12 · Build-your-plan modules

Modular pricing: a base platform plus add-on modules you switch on, with a live monthly total, annual saving and a summary that stays in view.

Open
Pricing section 13 · Service package tabs

Freelancer and studio pricing in one card: Basic / Standard / Premium tabs that swap price, delivery time, revisions and what's included, next to a portfolio strip and designer profile.

Open
Pricing section 14 · Gym memberships

Dark, sporty membership pricing: a 12-month vs no-contract switch that changes prices and joining fee, three membership cards with perk lists, and a facilities strip.

Open
Pricing section 15 · Cloud hosting with meters

Developer hosting plans shown as resource meters (CPU, memory, storage, bandwidth), a data-centre region picker that adjusts prices, hourly pricing and a terminal-style deploy line.

Open
Pricing section 16 · Cards with expandable features

Minimal paper-style pricing cards with a short list and a "See all features" button that expands each card's full list with a smooth reveal, plus a per-user note and student discount line.

Open
Pricing section 17 · Catering packages per person

Wedding and event catering: per-head packages with a guest-count slider that updates each package total, a dietary note, minimum guests and a tasting appointment link.

Open
Pricing section 18 · Mobile SIM plan picker

A telecom SIM-only picker: choose data with big chips, a 1-month or 12-month term, and extras (roaming, extra numbers); a phone-shaped summary shows the monthly price and what's included.

Open
Pricing section 19 · Audience tabs pricing

One pricing section for three audiences: Personal, Business and Education tabs, each with its own pair of plans, a contextual note and an illustrated badge. Keyboard-friendly tabs.

Open
Pricing section 20 · Founding member price ladder

Launch pricing as a staircase: lifetime-deal tiers that rise as seats sell, with sold-out, current (with seats-left meter) and upcoming steps, a countdown note and what every tier gets.

Open
Pricing section 21 · Plan finder with recommendation

Three plan cards with a three-question finder above them: answer team size, clients and what matters most, and the best plan lifts up with a “Recommended for you” ribbon.

Open
Pricing section 22 · Pay-as-you-go vs membership

Car-club pricing with a live break-even chart: slide your trips per month to see both cost lines, where they cross, and which option is cheaper for you.

Open
Pricing section 23 · Lesson bundles with savings

Driving-lesson style bundles shown as a row of cards where the price per lesson drops as the bundle grows, with savings bars, a recommended pack and an instructor note.

Open
Pricing section 24 · Pricing with eligibility discounts

A design-tool pricing section with “I’m a…” eligibility toggles (student, teacher, charity, early-stage startup) that strike through prices, show the discount and explain how to verify.

Open
Pricing section 25 · Seasonal rate calendar

A holiday cottage pricing calendar: two months of nightly rates colour-coded by season, booked nights greyed out, click a check-in and check-out to see nights, cleaning fee and total.

Open
Pricing section 26 · Childcare cost by days

A nursery fees section: choose session length and tap the days your child attends, add government-funded hours, and see the monthly fee, the funded saving and what you pay.

Open
Pricing section 27 · Graduated usage bands

Developer API pricing with graduated bands: type or slide your monthly requests and see each band fill up, its cost, and the total, like an itemised bill.

Open
Pricing section 28 · Pet insurance cover levels

Pet insurance pricing: pick dog or cat, age band and breed size, slide your excess, and three cover levels update their monthly premium, vet fee limit and what is covered.

Open
Pricing section 29 · Course price with instalments

A bootcamp pricing card with a pay-in-full / 3 / 6 / 12 monthly instalment selector showing each payment and the total honestly, an early-bird countdown and a money-back guarantee.

Open
Pricing section 30 · Seat volume pricing

Per-seat pricing that rewards growth: a seat slider fills a grid of illustrated teammates, the per-seat price drops through volume tiers shown on a staircase, and the annual total updates.

Open