12 Blocks

shadcn/ui contact form blocks & components.

Contact sections for shadcn/ui projects: message forms with validation and success states, office locations on dotted world maps with live timezone clocks, inquiry routers that swap fields by topic, and a meeting-scheduler mock. Forms are built on the Field primitives, labeled and keyboard-friendly.

Contact Details And Form

Contact 1Free

Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.

ButtonCardFieldInputSelectSonnerTextarea

Single Card Contact Form

Contact 2Free

Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.

ButtonCardCheckboxFieldInputSelectSonnerTextarea

Contact With Office Locations

Contact 3Free

Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.

BadgeButtonCardCheckboxFieldInputSelectSeparatorSonnerTextarea

Contact Form With World Map

Contact 4Pro

Contact form with an animated success state beside a dotted world map drawing arcs from headquarters out to other locations.

ButtonInputTextareaLabelCheckbox
motion

Topic-Adaptive Inquiry Form

Contact 5Pro

Contact form whose fields swap by topic (sales, support, partnerships), beside copy with a team avatar stack and an online status line.

AvatarButtonCheckboxInputLabelSelectTextareaToggle Group
motion

Global Offices Map

Contact 6Pro

Contact section listing global offices with live timezone clocks beside a dotted world map whose pulsing markers focus the selected city.

motion

Support Channel Grid

Contact 7Pro

Contact channel grid for live chat, sales calls, email, and offices, each with a live signal, plus a message dialog.

AvatarButtonDialogInputLabelTextarea
motion

Enterprise Demo Request

Contact 8Pro

Enterprise contact split with a staggered benefits checklist beside a demo request form that animates into a success state.

ButtonInputLabelSelect
motion

Help Center Search Hub

Contact 9Pro

Support contact hub with instant search over help articles, matched term highlighting, popular topic chips, and contact channel tiles.

Input
motion

Book A Call Scheduler

Contact 10Pro

Contact scheduler for booking a 30 minute call, with a host card, calendar day picker, time slots, and a booking confirmation.

AvatarButtonCalendar
motion

Inquiry Routing Cards

Contact 11Pro

Contact routing cards that split sales and support inquiries, above an auto-rotating customer testimonial carousel that pauses on hover.

AvatarButton
motion

Editorial Channel Grid

Contact 12Pro

Minimal contact section with a three column channel grid for email, office, and phone, plus a row of social links.

Button
motion