For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- A contact us or support page that sends visitors to email, phone, live chat or a community
- A project, sales or support inquiry form set beside a panel with the team's email
- A find us section listing office addresses, timezones, business hours and directions links
When not to use
- A person's details tile in a product, such as an applicant with copyable phone and email: use the Card blocks
- Record entry or editing inside a product, such as an invoice, a member invite or a ticket: use the Form blocks
- A closing banner that asks for a newsletter signup or a sales call, not a written message: use the CTA blocks
Agent notes
- Every block centers itself in a
min-h-svhwrapper with its own padding and max width; strip it when stacking the section in a landing page - Every block hardcodes a ReUI demo inbox such as
hello@reui.ioorstudio@reui.example; set your own address in its data or component file - Every
Buttonlacks a handler and a real target, and no block is a client component; wire the submit and link actions yourself
Markdown
https://web.dev.reui.io/blocks/marketing/contact.mdMCP
search({ query: "contact", type: "block", category: "contact" })Shadcn Contact Blocks: Forms, Support Sections and Office Details
The form is the easy part; the page around it decides whether the message lands in the right inbox. These blocks put the form next to the reasons to write, the response time, the office details and the map, with validation and a sent state already built.
All Contact Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Single Email Contact Centered single-email contact card with framed mail row and full-width email action button
- Project Brief Form Split contact card with project intake form and abstract SVG scope panel
- Topic Contact Form Frameless split contact form with topic Select and image-backed Card panel of email and phone links
- Global Offices Contact section with global office columns ordered west to east as a follow-the-sun timezone band
- Project Inquiry Two-column contact Card pairing a tinted contact-details panel with a short project inquiry form
- Support Channels Channel-first contact section with clickable Frame panels for chat, email, and GitHub community
What the Contact blocks cover
Marketing screens, each a full block with fixture data:
- Centered single-email contact card with framed mail row and full-width email action button
- Split contact card with project intake form and abstract SVG scope panel
- Frameless split contact form with topic Select and image-backed Card panel of email and phone links
- Contact section with global office columns ordered west to east as a follow-the-sun timezone band
- Two-column contact Card pairing a tinted contact-details panel with a short project inquiry form
- Channel-first contact section with clickable Frame panels for chat, email, and GitHub community
Built from
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Where does the form submit?
To the handler you wire in; the blocks use a form action stub and show the pending and success states so the wiring is the only step left.
How do I install a Contact block?
Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.
Is a license needed?
Contact blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.