For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: A general message routed by topic, from product questions to licensing, partnerships and press, beside a photo panel
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 one-address support page where visitors email directly and no form is wanted: use the Single Email Contact block
- 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
CONTACT_TOPICSlists 5 sample topics andCONTACT_PANEL_IMAGEis a hotlinked Unsplash photo; replace both with your ownCONTACT_PANEL.detailscarries a fictional 555 phone number with a tel link beside the demo email; swap or drop it- The Topic
Selectis uncontrolled andcontact-3-formhas no submit handler, so nothing routes byCONTACT_TOPICSuntil you add it - 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
https://web.dev.reui.io/blocks/marketing/contact/contact-3.mdget_block("contact-3")npx shadcn@latest add @reui/contact-3Shadcn Topic Contact Form Block
Frameless split contact form with topic Select and image-backed Card panel of email and phone links. Part of the ReUI Shadcn Marketing Contact blocks collection.
Split contact-us section: frameless form (Name, Email, topic Select, Subject, Textarea) beside an image-backed Card of email and phone links. Field, Input, Select, Textarea, Button, Card, Item. Contact page, support form, sales inquiry, lead capture.
It is composed from Badge, Button, Card, Field, Input, Item, Select, Textarea, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Topic Contact Form Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing Contact blocks to assemble a full screen instead of a single section.
All Shadcn Marketing Contact Blocks
The rest of this category, each on its own page with 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
- 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
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- CTA (17) Call to action sections that close a page, from centered email captures and split layouts to full-width banners with photos and proof rows.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero (16) Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
- How It Works (5) How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
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
When should I use the Topic Contact Form block?
Use it for a general message routed by topic, from product questions to licensing, partnerships and press, beside a photo panel.
The Contact category fits:
- 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
For a one-address support page where visitors email directly and no form is wanted, use the Single Email Contact block. For a person's details tile in a product, such as an applicant with copyable phone and email, use the Card blocks. For record entry or editing inside a product, such as an invoice, a member invite or a ticket, use the Form blocks. For a closing banner that asks for a newsletter signup or a sales call, not a written message, use the CTA blocks.
What is the Topic Contact Form block built with?
Can I restyle the Topic Contact Form block?
How should I use Shadcn contact blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.