Tailwind CSS Pricing Sections

Use these Tailwind CSS pricing section examples to explain your pricing model to potential customers. These examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Single price with details

Three tiers

Get the code

Three tiers with dividers

Get the code

Three tiers with emphasized tier

Get the code

Three tiers with toggle

Get the code

Three tiers with toggle on dark

Get the code

Four tiers with toggle

Get the code

Two tiers with extra tier

Get the code

With comparison table

Get the code

With comparison table on dark

Get the code

Three tiers with feature comparison

Get the code

Two tiers

Get the code

Two tiers with emphasized tier

Get the code