Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/pricing

• • Marketing

  • Application UI

  • Ecommerce

  • Documentation

• Page Sections

  • Hero Sections

  • Feature Sections

  • CTA Sections

  • Bento Grids

  • Pricing Sections

  • Header Sections

  • Newsletter Sections

  • Stats

  • Testimonials

  • Blog Sections

  • Contact Sections

  • Team Sections

  • Content Sections

  • Logo Clouds

  • FAQs

  • Footers

• Elements

  • Headers

  • Flyout Menus

  • Banners

• Feedback

  • 404 Pages

• Page Examples

  • Landing Pages

  • Pricing Pages

  • About Pages

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

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.

Two tiers with emphasized right tier

---

PreviewCode

HTMLReactVue

Two tiers with emphasized right tier

---

PreviewCode

HTMLReactVue

Two tiers with emphasized left tier

---

Preview

Get the code →

Two tiers with emphasized left tier

---

Preview

Get the code →

Three tiers with logos and feature comparison

---

Preview

Get the code →

Three tiers with logos and feature comparison

---

Preview

Get the code →

Two tiers with extra tier

---

Preview

Get the code →

Two tiers with extra tier

---

Preview

Get the code →

Single price with details

---

Preview

Get the code →

Single price with details

---

Preview

Get the code →

Three tiers

---

Preview

Get the code →

Three tiers

---

Preview

Get the code →

Three tiers with dividers

---

Preview

Get the code →

Three tiers with dividers

---

Preview

Get the code →

Three tiers with emphasized tier

---

Preview

Get the code →

Three tiers with emphasized tier

---

Preview

Get the code →

Three tiers with toggle

---

Preview

Get the code →

Three tiers with toggle

---

Preview

Get the code →

Four tiers with toggle

---

Preview

Get the code →

Four tiers with toggle

---

Preview

Get the code →

With comparison table

---

Preview

Get the code →

With comparison table

---

Preview

Get the code →

Three tiers with feature comparison

---

Preview

Get the code →

Three tiers with feature comparison

---

Preview

Get the code →