Search blocks

Find a block by name or category

12 Blocks

Contact Blocks

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, labelled and keyboard-friendly.

Contact 1

Free

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

ButtonCardFieldInputSelectSonnerTextarea

Contact 2

Free

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

ButtonCardCheckboxFieldInputSelectSonnerTextarea

Contact 3

Free

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

BadgeButtonCardCheckboxFieldInputSelectSeparatorSonnerTextarea

Contact 4

Pro

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

ButtonInputTextareaLabelCheckbox
motion

Contact 5

Pro

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

Contact 6

Pro

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

motion

Contact 7

Pro

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

AvatarButtonDialogInputLabelTextarea
motion

Contact 8

Pro

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

ButtonInputLabelSelect
motion

Contact 9

Pro

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

Input
motion

Contact 10

Pro

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

AvatarButtonCalendar
motion

Contact 11

Pro

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

AvatarButton
motion

Contact 12

Pro

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

Button
motion

Contact Blocks FAQ

Contact blocks also appear in the free page templates above: full pages you can install with one command.