Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/newsletter-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

Newsletter Sections

Use these Tailwind CSS newsletter section examples to turn your visitors into email subscribers. These examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Side-by-side with details

---

PreviewCode

HTMLReactVue

Side-by-side with details

---

PreviewCode

HTMLReactVue

Simple side-by-side

---

Preview

Get the code →

Simple side-by-side

---

Preview

Get the code →

Simple side-by-side on brand

---

Preview

Get the code →

Simple side-by-side on brand

---

Preview

Get the code →

Simple stacked

---

Preview

Get the code →

Simple stacked

---

Preview

Get the code →

Centered card

---

Preview

Get the code →

Centered card

---

Preview

Get the code →

Side-by-side on card

---

Preview

Get the code →

Side-by-side on card

---

Preview

Get the code →