TypeUI logoTypeUI

Prompts/Contact Sections

Contact Sections

Generate clear contact sections that make it easy for visitors to get in touch, organize contact details and forms effectively, build trust, and guide users with concise messaging, accessible fields, and clear next steps.

Centered Contact Form Section preview
Copied

Centered Contact Form Section

Full-Width Contact Directory Section preview
Copied

Full-Width Contact Directory Section

Two-Column Contact Form Section preview
Copied

Two-Column Contact Form Section

Centered Help Contact Section preview
Copied

Centered Help Contact Section

Help Hub Contact Page preview
Copied

Help Hub Contact Page

Contact Info Band With Centered Form preview
Copied

Contact Info Band With Centered Form

Team Showcase With Contact Strip preview
Copied

Team Showcase With Contact Strip

Map Contact Form With FAQ and Newsletter preview
Copied

Map Contact Form With FAQ and Newsletter

Centered Contact Form With Footer Band preview
Copied

Centered Contact Form With Footer Band

Build where you want

Connect TypeUI to Codex, Claude, or Cursor and give your AI coding tool the design systems, prompts, and layout variations it needs to generate better UI.

Codex logo

Codex

Connect TypeUI to Codex and use design systems, UI prompts, and layout variations directly from your coding agent.

Connect TypeUI to Codex
Claude logo

Claude

Connect TypeUI to Claude so it can apply curated design guidance when you ask it to build interface screens.

Connect TypeUI to Claude
Cursor logo

Cursor

Connect TypeUI to Cursor and give your editor access to structured prompts and interface variation workflows.

Connect TypeUI to Cursor