Tailwind CSS Pricing Card Examples

Use these Tailwind CSS pricing card components and examples to display pricing plans and subscription options on your website. Each one supports light and dark mode, comes as a React component too, and states every price, tax and renewal plainly, with plans that stack cleanly on phones. From a simple three-plan section to comparison tables, usage calculators and AI credit packs, everything is easy to customize and use.

Three Plan Pricing

Edit with AI
Loading...

Free and Pro Plans

Edit with AI
Loading...

Single Plan Pricing

Edit with AI
Loading...

Get the whole library.

Every premium component and block, the Next.js sites, all themes and AI edits, in one plan.

See pricing

Not the one you need?

Describe it, and AI builds it like the designs in our library, ready to edit and copy.