Live previewHTML Pricing Table Templates30 pricing sections in plain HTML & CSS, free
30 pricing sections in plain HTML and CSS, each one a single file: three tiers with toggle, comparison table, plans with enterprise card, service price menu, service package tabs, cards with expandable features, audience tabs pricing, pay as you go vs membership and more. Responsive, accessible and free for personal and commercial use.
- 30 pricing layouts, from 2 to 4 tiers, single plan, enterprise and credit packs
- Working billing, seat, usage-slider and currency switches in plain JavaScript
- Responsive and accessible, with a comparison table that becomes tabs on phones
- Designs
- 30
- Built with
- HTML & CSS
- Licence
- Free, commercial use
- Updated
- Oct 2026
- Free for client projects
- Plain HTML & CSS, no frameworks
- Responsive down to 390px
- Copy, paste and rebrand in minutes
What's inside: 30 designs
See all 30What's inside
All pricing tables templates 30 designs in this pack
Click any design to open its live preview, then check it at desktop, tablet and phone sizes.
Live preview
Live previewFree vs pro with seats
Live previewFour tiers in one panel
Live previewComparison table
Live previewUsage slider
Live previewSingle plan
Live previewPlans with enterprise card
Live previewCredit packs
Live previewDark with currency switch
Live previewService price menu
Live previewStacked plan rows
Live previewBuild your plan modules
Live previewService package tabs
Live previewGym memberships
Live previewCloud hosting with meters
Live previewCards with expandable features
Live previewCatering packages per person
Live previewMobile sim plan picker
Live previewAudience tabs pricing
Live previewFounding member price ladder
Live previewPlan finder with recommendation
Live previewPay as you go vs membership
Live previewLesson bundles with savings
Live previewPricing with eligibility discounts
Live previewSeasonal rate calendar
Live previewChildcare cost by days
Live previewGraduated usage bands
Live previewPet insurance cover levels
Live previewCourse price with instalments
Live previewSeat volume pricing
How to use
From download to live in three steps
- Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
- Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
Reviews
Customer reviews
Only people who bought or downloaded it can leave a review, from their account page.
Reply from the maker
FAQ
Common questions
Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
How do I change the prices?
Each price has data attributes (for example data-m and data-y for monthly and yearly). Change the numbers there and the toggle picks them up.
Does it take payments?
No. These are design sections. Point the buttons at your checkout, such as a payment link from your payment provider.
Can I change the prices and currency?
Yes. Prices are plain text or small data attributes next to each plan, so they are easy to edit.
Do the calculators handle tax?
They show simple totals. Add your own tax or currency rules in the short script at the bottom of each file.
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Guides
Learn more
Get HTML Pricing Table Templates
30 designs, free for personal and commercial projects.
More products
