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

• • 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

CTA Sections

Use these Tailwind CSS CTA section examples to encourage your visitors to take action and sign up for your product or service. These CTA examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Dark panel with app screenshot

---

PreviewCode

HTMLReactVue

Dark panel with app screenshot

---

PreviewCode

HTMLReactVue

Simple stacked

---

Preview

Get the code →

Simple stacked

---

Preview

Get the code →

Centered on dark panel

---

Preview

Get the code →

Centered on dark panel

---

Preview

Get the code →

Simple centered

---

Preview

Get the code →

Simple centered

---

Preview

Get the code →

Simple centered with gradient

---

Preview

Get the code →

Simple centered with gradient

---

Preview

Get the code →

Simple centered on brand

---

Preview

Get the code →

Simple centered on brand

---

Preview

Get the code →

Simple justified

---

Preview

Get the code →

Simple justified

---

Preview

Get the code →

Simple justified on subtle brand

---

Preview

Get the code →

Simple justified on subtle brand

---

Preview

Get the code →

Split with image

---

Preview

Get the code →

Split with image

---

Preview

Get the code →

Two columns with photo

---

Preview

Get the code →

Two columns with photo

---

Preview

Get the code →

With image tiles

---

Preview

Get the code →

With image tiles

---

Preview

Get the code →