# Contact blocks for shadcn/ui

> 184 contact blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/contact
- 184 blocks, 79 free and 105 paid, from 35 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=contact&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q contact`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free contact blocks

All 79 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Contact 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/contact-03): A simple contact form. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/contact-03.json`
- [Contact 01 - Project Inquiry Contact Form by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-01): A conversion focused contact section with project inquiry form, contact details, and trust badges, ideal for agencies or freelancers to capture qualified leads and start meaningful client conversations. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/contact-01.json`
- [Single Card Contact Form by @7ovr](https://shadcn.exchange/r/7ovr/contact-2): Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/contact-2.json`
- [Contact 2 by @efferd](https://shadcn.exchange/r/efferd/contact-2): Three-card contact layout with email, community, and social links. `npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-2.json`
- [Contact 4 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-4): Topic pills (Pro / Team / Blocks) with focus-shift before submit — organized intake. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-4.json`
- [Contact Section Two by @navui](https://shadcn.exchange/r/navui/contact-section-two): A split contact section with a consultation summary and detailed project inquiry form. `npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-two.json`
- [Contact 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/contact-02): A simple contact form. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/contact-02.json`
- [Contact 5 by @efferd](https://shadcn.exchange/r/efferd/contact-5): Bordered contact section with key details and a two-column form. `npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-5.json`
- [Contact 2 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-2): Centered compact form (name, email, message) — Wave A minimal contact for pricing pages. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-2.json`
- [Contact Section One by @navui](https://shadcn.exchange/r/navui/contact-section-one): A contact directory that routes visitors to sales, support, community, documentation, and developer resources. `npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-one.json`
- [Contact 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-5): Form beside visual panel with parallax — auth-5 / cta-3 DNA for support pages. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-5.json`
- [Contact Section Four by @navui](https://shadcn.exchange/r/navui/contact-section-four): A focused project-inquiry form with contact details and a large editorial heading. `npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-four.json`
- [Contact 1 by @efferd](https://shadcn.exchange/r/efferd/contact-1): Compact contact strip with phone, email, and office details. `npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-1.json`
- [Contact 1 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-1): Split contact with channel list and full message form — scroll-reveal stagger. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-1.json`
- [Contact Section Three by @navui](https://shadcn.exchange/r/navui/contact-section-three): A compact project contact form paired with a concise service introduction. `npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-three.json`
- [Contact 4 by @efferd](https://shadcn.exchange/r/efferd/contact-4): Modern contact card with info section and built-in form area. `npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-4.json`
- [Contact 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-6): Full-width email capture band — quick pre-sale contact above footer. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-6.json`
- [Contact 3 by @efferd](https://shadcn.exchange/r/efferd/contact-3): Elegant contact page with office info, email, phone, and social links. `npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-3.json`
- [Contact 11 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-11): Sera series — split contact with channel ledger and flat bordered form. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-11.json`
- [Contact 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-7): Channel cards (email, docs, registry) plus inline mini-form — hover-lift grid. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-7.json`
- [Contact us page 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/contact-us-page-01): Two-column layout with contact illustration image and contact information grid featuring avatar icons and contact details. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/contact-us-page-01.json`
- [Contact Form 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-1): Clean and minimal contact form with essential fields. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/contact-section-1.json`
- [Contact 11 – Centered form with supporting sidebar by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-11): A balanced contact layout with a primary, centered form and a secondary sidebar that mirrors or reinforces the same interaction. The main column keeps focus on the form, while the sidebar provides a persistent fallback or alternative entry… `npx shadcn@latest add https://shadcn.exchange/r/shadcncraft/contact-11.json`
- [Contact Minimal by @blockforge](https://shadcn.exchange/r/blockforge/contact-minimal): One email address, one promise, one median response time. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/contact-minimal.json`
- [Contact 6 by @uiable](https://shadcn.exchange/r/uiable/block-contact-6): Contact 6 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-6.json`
- [Contact 03 by @hirael](https://shadcn.exchange/r/hirael/contact-03): Centered contact panel whose bottom glow widens as the section scrolls into view, with a pill badge, a word-by-word headline reveal, two short paragraphs, and a two-column CTA grid: an email button with the address and a copy button beneat… `npx shadcn@latest add https://shadcn.exchange/r/hirael/contact-03.json`
- [Contact 3 by @uiable](https://shadcn.exchange/r/uiable/block-contact-3): Contact 3 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-3.json`
- [Contact 02 by @hirael](https://shadcn.exchange/r/hirael/contact-02): Bordered contact section with a serif header and a three-column info grid: email with a copy button, location, and social pills. `npx shadcn@latest add https://shadcn.exchange/r/hirael/contact-02.json`
- [Contact 20 by @uiable](https://shadcn.exchange/r/uiable/block-contact-20): Contact 20 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-20.json`
- [Contact 01 by @hirael](https://shadcn.exchange/r/hirael/contact-01): Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel list and remote-location note alongside. `npx shadcn@latest add https://shadcn.exchange/r/hirael/contact-01.json`
- [Contact by @uiable](https://shadcn.exchange/r/uiable/block-contact): Contact variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact.json`
- [Contact 04 by @hirael](https://shadcn.exchange/r/hirael/contact-04): Support contact section with a live reply-time line from fixed support hours, contact channels, common questions, and a ticket form that suggests help articles as you type the subject. `npx shadcn@latest add https://shadcn.exchange/r/hirael/contact-04.json`
- [Contact 10 by @uiable](https://shadcn.exchange/r/uiable/block-contact-10): Contact 10 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-10.json`
- [Contact 18 by @uiable](https://shadcn.exchange/r/uiable/block-contact-18): Contact 18 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-18.json`
- [Contact 11 by @uiable](https://shadcn.exchange/r/uiable/block-contact-11): Contact 11 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-11.json`
- [Contact 5 by @uiable](https://shadcn.exchange/r/uiable/block-contact-5): Contact 5 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-5.json`
- [Contact 1 by @uiable](https://shadcn.exchange/r/uiable/block-contact-1): Contact 1 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-1.json`
- [Contact 7 by @uiable](https://shadcn.exchange/r/uiable/block-contact-7): Contact 7 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-7.json`
- [Contact 8 by @uiable](https://shadcn.exchange/r/uiable/block-contact-8): Contact 8 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-8.json`
- [Contact 19 by @uiable](https://shadcn.exchange/r/uiable/block-contact-19): Contact 19 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-19.json`
- [Contact 21 by @uiable](https://shadcn.exchange/r/uiable/block-contact-21): Contact 21 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-contact-21.json`
- [Contact 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/contact-01): A simple contact form. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/contact-01.json`
- [Contact With Office Locations by @7ovr](https://shadcn.exchange/r/7ovr/contact-3): Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/contact-3.json`
- [Contact form by @quill](https://shadcn.exchange/r/quill/contact-form): A get-in-touch card — name, email, a topic select, and a message field. `npx shadcn@latest add https://shadcn.exchange/r/quill/contact-form.json`
- [With Contact by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-team-sections-with-contact): Team cards that pair each photo and role with an email or phone link. Lets visitors reach the right person directly from your about or contact page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-team-sections-with-contact.json`
- [Contact Details And Form by @7ovr](https://shadcn.exchange/r/7ovr/contact-1): Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/contact-1.json`
- [Contact with channels by @balick](https://shadcn.exchange/r/balick/contact-01): Contact panel with a copyable email address and a list of channels. `npx shadcn@latest add https://shadcn.exchange/r/balick/contact-01.json`
- [Contact Block by @uitripled](https://shadcn.exchange/r/uitripled/contact-block-shadcnui): Contact form with animated contact info cards, working hours, and interactive icons. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/contact-block-shadcnui.json`
- [Contact 1: form with contact methods by @ballmac](https://shadcn.exchange/r/ballmac/contact-1): A contact section with a validated form (name, email, topic, message with counter, consent), loading, error and thank-you states, beside tiles for email, chat, phone and office with a response-time pill. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/contact-1.json`
- [Contact form with details by @balick](https://shadcn.exchange/r/balick/contact-02): Contact form with a confirmation state, next to email, phone, address and opening hours. `npx shadcn@latest add https://shadcn.exchange/r/balick/contact-02.json`
- [Contact Form by @uitripled](https://shadcn.exchange/r/uitripled/contact-form-section-baseui): Contact form section with animated inputs, validation, and form handling (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/contact-form-section-baseui.json`
- [Contact Form by @uitripled](https://shadcn.exchange/r/uitripled/contact-form-section-shadcnui): Contact form section with animated inputs, validation, and form handling. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/contact-form-section-shadcnui.json`
- [Contact Block by @uitripled](https://shadcn.exchange/r/uitripled/contact-block-baseui): Contact form with animated contact info cards, working hours, and interactive icons (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/contact-block-baseui.json`
- [Contact section by @silicon-ui](https://shadcn.exchange/r/silicon-ui/contact-section): A validated contact form that morphs into a confirmation, support channels, and office cards with local times. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/contact-section.json`
- [Agency: Contact by @eased](https://shadcn.exchange/r/eased/agency-contact): The question, a line on how the studio replies, and the email set large with a copy button. `npx shadcn@latest add https://shadcn.exchange/r/eased/agency-contact.json`
- [FAQ by @geturui](https://shadcn.exchange/r/geturui/faq-section): FAQ section with a heading, a spring accordion of questions and a "still have questions" contact card whose avatar stack pops in. `npx shadcn@latest add https://shadcn.exchange/r/geturui/faq-section.json`
- [Contact 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/contact-3): Bordered card contact form with two-column name row — polished centered layout. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-3.json`
- [Contact Form by @atroui](https://shadcn.exchange/r/atroui/contact-form): Multi-step contact form with editable CONTENT; posts to your API. `npx shadcn@latest add https://shadcn.exchange/r/atroui/contact-form.json`
- [Contact section by @uiarc](https://shadcn.exchange/r/uiarc/contact-section): A validated contact form that morphs into a confirmation, support channels, and office cards with local times. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/contact-section.json`
- [Contact 7 - Grid of contact method cards by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/contact7): A heading and short description lead into four rounded muted cards for email, office, phone, and live chat, each with icon, copy, and link. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/contact7.json`
- [ContactBento by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-contact-bento): Grid bento com o formulário de contato como tile principal e tiles satélite — composto de ds-bento-grid e ds-contact-form. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-contact-bento.json`
- [Contact Form by @manifest](https://shadcn.exchange/r/manifest/contact-form): A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment. `npx shadcn@latest add https://shadcn.exchange/r/manifest/contact-form.json`
- [Contact Form by @corsair-ui](https://shadcn.exchange/r/corsair-ui/contact-form): A contact section with a header, contact details and a validated message form that reports pending, success and error states. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/contact-form.json`
- [Contact Form by @nekode](https://shadcn.exchange/r/nekode/contact-form): Contact form with name, email and a message with character count. `npx shadcn@latest add https://shadcn.exchange/r/nekode/contact-form.json`
- [Contact form by @formscn](https://shadcn.exchange/r/formscn/contact-form): Contact form with name, email, subject, and message. `npx shadcn@latest add https://shadcn.exchange/r/formscn/contact-form.json`
- [Split With Details by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-split-with-details): A split layout pairing a contact form with a column of details like email, phone, and hours. Use it when people need a quick way to reach the right team. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-split-with-details.json`
- [Contact Section v1 by @uiception](https://shadcn.exchange/r/uiception/contact-section-v1): Two-column contact section. The left column has a light "Let's collaborate" title and YouTube, LinkedIn, and X icon links. The right column has a form with name, email, company, and message fields. `npx shadcn@latest add https://shadcn.exchange/r/uiception/contact-section-v1.json`
- [Contact section by @1st-pouf](https://shadcn.exchange/r/1st-pouf/contact): A high-trust contact section with context, inline validation, and a submitted state. `npx shadcn@latest add https://shadcn.exchange/r/1st-pouf/contact.json`
- [Contact 2 - Two-column layout with contact links by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/contact2): A split contact section with headline, intro, and icon links on one side and a validated message form with subject line inside a muted rounded panel. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/contact2.json`
- [Classic Contact Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-classic-contact-form): A straightforward contact form with name, email, and message fields plus a submit button. Drop it on a portfolio page so visitors can send a quick note. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-classic-contact-form.json`
- [Contact Form With Background by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-contact-form-with-background): A hero with a full contact form set over a styled background image. Invites visitors to send a message or request a quote without leaving the top. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-contact-form-with-background.json`
- [Contact Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-contact-form): An FAQ section paired with a contact form, so visitors read common answers and reach out when their question is not covered, all within one tidy section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-contact-form.json`
- [Center Aligned by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-center-aligned): A center aligned contact form with heading, supporting text, and stacked fields. Drops onto a simple contact page so visitors can send a message fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-center-aligned.json`
- [Map With Contact Info by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-map-with-contact-info): Pairs an embedded location map with address, phone, and email details. Use it when clients need to find your studio or office alongside ways to reach you. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-map-with-contact-info.json`
- [Minimal Form With Social by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-minimal-form-with-social): A compact contact form sitting beside a row of social media icons. Fits portfolios that want one simple message field and links to your other profiles. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-minimal-form-with-social.json`
- [Quick Contact CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-quick-contact-cta): A compact contact prompt with a short form or button to reach the team. Drops into a footer or sidebar so visitors can get in touch fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-quick-contact-cta.json`
- [Split Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-split-layout): A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-split-layout.json`
- [Popup Trigger Contact by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-popup-trigger-contact): A button that opens the contact form in a modal dialog, keeping the page clean. Good for portfolios where you want the form hidden until a visitor asks. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-popup-trigger-contact.json`
- [With Map by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-with-map): A contact section that places a form beside an embedded map of your location. Ideal for a storefront or office that wants visitors to find and reach it. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-contact-sections-with-map.json`

## Paid contact blocks

The first 60 of 105, best first. Their registries sell these: each installs from its registry once bought.

- [Contact 05 - Real Estate Contact Form by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-05): A real estate contact section pairing a property visual with contact details and a structured inquiry form, helping agents capture qualified leads and start client conversations with ease.
- [Contact Section 5 by @initium](https://shadcn.exchange/r/initium/contact-section-5): Contact section 5 with media, background contrast section, reversed column order.
- [Contact 10 by @efferd](https://shadcn.exchange/r/efferd/contact-10): Sidebar-style contact layout with brand links and a detailed form.
- [Contact 08 - Team Cards & Office Tabs by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-08): A contact section with partnership, product help, and press enquiry cards paired with a tabbed office directory that switches between city locations and their embedded map.
- [Contact Page 3 by @initium](https://shadcn.exchange/r/initium/contact-page-3): Contact page example section 3 with site links and legal, primary and secondary CTAs, navigation links.
- [Contact 6 by @efferd](https://shadcn.exchange/r/efferd/contact-6): Full contact page with support cards, details panel, and lead form.
- [Contact 02 - Contact Me Form by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-02): A clean contact section featuring an intuitive form with direct contact details and social links, designed to simplify communication and help visitors reach out effortlessly.
- [Contact Section 1 by @initium](https://shadcn.exchange/r/initium/contact-section-1): Contact section 1 with form fields, textarea, checkboxes, centered content, background contrast section.
- [Contact 8 by @efferd](https://shadcn.exchange/r/efferd/contact-8): Split contact page with company details, social links, and form panel.
- [Contact 07 - Real Estate Enquiry by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-07): A dark real estate enquiry section that pairs a pitch column with an auto-scrolling testimonials carousel alongside a white registration form for capturing name, phone, email, and preferred unit configuration.
- [Contact Section 7 by @initium](https://shadcn.exchange/r/initium/contact-section-7): Contact section 7 with media, three-column grid, background contrast section.
- [Contact 11 by @efferd](https://shadcn.exchange/r/efferd/contact-11): Editorial contact page with direct links, map embed, and message form.
- [Contact 04 - Inquiry Form & Location by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-04): A comprehensive contact section combining location details with a structured inquiry form, helping businesses build local trust, capture project requests, and streamline client communication.
- [Contact Page 1 by @initium](https://shadcn.exchange/r/initium/contact-page-1): Contact page example section 1 with site links and legal, primary and secondary CTAs, navigation links.
- [Contact 7 by @efferd](https://shadcn.exchange/r/efferd/contact-7): Two-column contact page with intro content and a card-based form.
- [Contact 03 - Contact & Lead Form by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-03): A conversion-focused contact section combining persuasive highlights with a streamlined form, designed to capture qualified leads, encourage inquiries, and make starting conversations simple and frictionless.
- [Contact Section 3 by @initium](https://shadcn.exchange/r/initium/contact-section-3): Contact section 3 with media, background contrast section.
- [Contact 9 by @efferd](https://shadcn.exchange/r/efferd/contact-9): Centered contact page with team form, chat links, and map section.
- [Contact 06 - Quote Request Form by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-06): A dark quote request section that pairs a benefit-driven pitch with a structured estimate form, letting users pick a service and budget, share project details, and attach files in one flow.
- [Contact Section 8 by @initium](https://shadcn.exchange/r/initium/contact-section-8): Contact section 8 with form fields, checkboxes, two-column layout, feature checklist, brand logo strip.
- [Contact 09 - Image Panel & Contact Channels by @shadcn-space](https://shadcn.exchange/r/shadcn-space/contact-09): A split contact section pairing an image panel showing phone, email, and office details with a compact name, email, and message form.
- [Contact Section 6 by @initium](https://shadcn.exchange/r/initium/contact-section-6): Contact section 6 with form fields, textarea, checkboxes, background contrast section.
- [Contact Section 4 by @initium](https://shadcn.exchange/r/initium/contact-section-4): Contact section 4 with form fields, textarea, checkboxes, media, background contrast section.
- [Contact Section 2 by @initium](https://shadcn.exchange/r/initium/contact-section-2): Contact section 2 with media, two-column layout, background contrast section.
- [Contact Page 2 by @initium](https://shadcn.exchange/r/initium/contact-page-2): Contact page example section 2 with site links and legal, primary and secondary CTAs, navigation links.
- [Contact Section 9 by @initium](https://shadcn.exchange/r/initium/contact-section-9): Contact section 9 with form fields, textarea, checkboxes, media, two-column layout.
- [Contact Form 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-4): Two-column layout with form and contact details.
- [Contact 5 – Global presence with contact methods by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-5): A wide, visual-first layout that pairs a world map with key contact channels. Uses location markers to signal global reach, with email, phone, and live chat grouped below for quick access. Good for companies that want to show scale or mult…
- [Contact Split by @blockforge](https://shadcn.exchange/r/blockforge/contact-split): Accessible form beside a direct-contact panel on a fading grid.
- [Contact with dither image by @aceternity](https://shadcn.exchange/r/aceternity/contact-with-dither-image): Contact section with dithered landscape background, testimonial card, and split form.
- [Contact Form 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-5): Contact section with frequently asked questions.
- [Contact 10 – Split layout with embedded scheduler by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-10): A high-contrast contact block using a wide primary panel paired with a secondary sidebar. The layout is designed to showcase an embedded scheduling or booking interface, balancing strong visual weight with a clear, task-focused interaction…
- [Contact Offices by @blockforge](https://shadcn.exchange/r/blockforge/contact-offices): Offices with mono coordinates, addresses and local hours.
- [Contact section with shader by @aceternity](https://shadcn.exchange/r/aceternity/contact-section-with-shader): Contact Section With Shader Background and Rotating Testimonials.
- [Contact Form 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-2): Contact form alongside company information cards.
- [Contact 2 – Centered form in card by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-2): A centered contact form wrapped in a card with clear visual boundaries. The card adds emphasis and contrast while keeping the layout simple and focused. Good when the form should feel contained and slightly elevated from the page backgroun…
- [Contact Booking by @blockforge](https://shadcn.exchange/r/blockforge/contact-booking): A working-session pitch beside a week of pickable slots.
- [Contact form grid with details by @aceternity](https://shadcn.exchange/r/aceternity/contact-form-grid-with-details): Contact Form Grid With Details.
- [Contact Form 6 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-6): Contact form with team member cards and social links.
- [Contact 7 – Image-led contact by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-7): A contact layout anchored by a large, friendly image, with key contact options displayed clearly below and in a side panel. Good for brands that want to feel personal and approachable without using a full form upfront.
- [Simple centered contact form by @aceternity](https://shadcn.exchange/r/aceternity/simple-centered-contact-form): Simple Centered Contact Form.
- [Contact Form 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/contact-section-3): Contact form with location map and office details.
- [Contact 8 – Hero image with channel cards by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-8): A contact layout that pairs a large, edge-to-edge image with stacked contact channels. The image creates visual weight at the top, while card-based options below make it easy to scan and choose how to get in touch. Works well when you want…
- [Contact 6 – Map-first contact by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-6): A contact layout built around a large location map, with clear contact methods shown below and in a compact side panel. Works well for businesses with a physical presence where location and availability matter as much as the form itself.
- [Contact 4 – Multi-channel contact options by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-4): A centered layout that surfaces multiple ways to get in touch without a form. Uses icon-led contact methods laid out horizontally, with clear labels and availability details. Best when you want to push people to the right channel fast rath…
- [Contact 9 – Centered CTA panel by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-9): A minimal contact block built around a single, centered call to action. Uses a contained panel with clear hierarchy and one primary button, making it ideal for low-friction contact moments at the end of a page or between sections.
- [Contact 1 – Centered form, single-column by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-1): A centered contact form with a clear headline and stacked inputs. Uses a simple, linear flow that keeps focus on completion. Best for general inquiries where you want minimal distraction and a calm, neutral presentation.
- [Contact 3 – Split form with image by @shadcncraft](https://shadcn.exchange/r/shadcncraft/contact-3): A two-column layout pairing a contact form with a large supporting image. The image adds personality and visual balance while the form stays clear and readable. Works well when you want the contact section to feel more human and less trans…
- [Contact 1 by @tailark](https://shadcn.exchange/r/tailark/contact-1): Tailark contact variant 1 block.
- [Contact 5 by @tailark](https://shadcn.exchange/r/tailark/contact-5): Tailark contact variant 5 block.
- [Contact 6 by @tailark](https://shadcn.exchange/r/tailark/contact-6): Tailark contact variant 6 block.
- [Contact 3 by @tailark](https://shadcn.exchange/r/tailark/contact-3): Tailark contact variant 3 block.
- [Contact 8 by @tailark](https://shadcn.exchange/r/tailark/contact-8): Tailark contact variant 8 block.
- [Contact 9 by @tailark](https://shadcn.exchange/r/tailark/contact-9): Tailark contact variant 9 block.
- [Contact 7 by @tailark](https://shadcn.exchange/r/tailark/contact-7): Tailark contact variant 7 block.
- [Contact 4 by @tailark](https://shadcn.exchange/r/tailark/contact-4): Tailark contact variant 4 block.
- [Contact 2 by @tailark](https://shadcn.exchange/r/tailark/contact-2): Tailark contact variant 2 block.
- [Contact 10 by @tailark](https://shadcn.exchange/r/tailark/contact-10): Tailark contact variant 10 block.
- [Contact us by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/contact13): Centered badge and heading above a non zooming globe map with office markers and address tooltips, followed by four cards for chatting to sales, chatting to support, visiting and calling.
- [Contact 31 - Split card contact by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/contact31): A rounded outer shell on muted canvas pairing a tall architectural photograph with headline, explanation, and name, email, optional company, and message fields.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=contact&price=paid`.

## Registries with the most contact blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 30 blocks, 2 free and 28 paid
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 13 blocks, all paid
- [@uiable](https://shadcn.exchange/r/uiable): 13 blocks, all free
- [@initium](https://shadcn.exchange/r/initium): 12 blocks, all paid
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 12 blocks, all free
- [@efferd](https://shadcn.exchange/r/efferd): 11 blocks, 5 free and 6 paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 11 blocks, 1 free and 10 paid
- [@tailark](https://shadcn.exchange/r/tailark): 10 blocks, all paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 9 blocks, 1 free and 8 paid
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 8 blocks, all free
- [@reui](https://shadcn.exchange/r/reui): 6 blocks, all paid
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 6 blocks, 1 free and 5 paid
- [@aceternity](https://shadcn.exchange/r/aceternity): 4 blocks, all paid
- [@blockforge](https://shadcn.exchange/r/blockforge): 4 blocks, 1 free and 3 paid
- [@hirael](https://shadcn.exchange/r/hirael): 4 blocks, all free
- [@navui](https://shadcn.exchange/r/navui): 4 blocks, all free
- [@uitripled](https://shadcn.exchange/r/uitripled): 4 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 3 blocks, all free
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 3 blocks, all free
- [@balick](https://shadcn.exchange/r/balick): 2 blocks, all free