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 quote request that collects project type, a dollar budget and a timeline, beside a gradient panel with email and phone
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 short inquiry of name, email, company and message with no budget or timeline: use the Project Inquiry 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
PROJECT_TYPES,TIMELINE_OPTIONSand theBUDGET_OPTIONSplaceholder are sample studio choices; replace them with your own offersCONTACT_PANEL.detailsends with a fictional 555 phone number behind a tel link; replace it or drop the entrycontact-2-formhas no real action or submit handler, and the budgetInputGroupInputis free text with only a numeric keyboard hint- 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-2.mdget_block("contact-2")npx shadcn@latest add @reui/contact-2Shadcn Project Brief Form Block
Split contact card with project intake form and abstract SVG scope panel. Part of the ReUI Shadcn Marketing Contact blocks collection.
Two-column Card pairing a project intake form (Project Type and Timeline Selects, budget InputGroup with $ addon, Textarea, Button) with a gradient SVG panel of mailto and tel Item links. For agency, studio, or SaaS quote and project-brief pages.
It is composed from Badge, Button, Card, Field, Input, Input Group, Item, Select, and more, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Project Brief 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
- 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
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 Project Brief Form block?
Use it for a quote request that collects project type, a dollar budget and a timeline, beside a gradient panel with email and phone.
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 short inquiry of name, email, company and message with no budget or timeline, use the Project Inquiry 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 Project Brief Form block built with?
Can I restyle the Project Brief 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.