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

Contact Sections

Use these Tailwind CSS contact forms and contact section examples to let visitors and potential leads get in touch with you. These contact forms are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Centered

---

PreviewCode

HTMLReactVue

Centered

---

PreviewCode

HTMLReactVue

Side-by-side grid

---

Preview

Get the code →

Side-by-side grid

---

Preview

Get the code →

Split with pattern

---

Preview

Get the code →

Split with pattern

---

Preview

Get the code →

Simple four-column

---

Preview

Get the code →

Simple four-column

---

Preview

Get the code →

Simple centered

---

Preview

Get the code →

Simple centered

---

Preview

Get the code →

With testimonial

---

Preview

Get the code →

With testimonial

---

Preview

Get the code →

Split with image

---

Preview

Get the code →

Split with image

---

Preview

Get the code →