Contact Section

zyeon/contact-section

FreeBlock

A contact block built around its submit state machine: zod-validated name/email/topic/message, a duplicate-submit guard, a confirmation panel that names the address it replied to, and a failure that keeps every character you typed — beside contact rows whose mailto:/tel:/map links are derived from their own values.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/contact-section

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://ui.zyeon.ai/r/contact-section.json

What it pulls in

npm packages

zod
lucide-react

Other registry items

utils

Files it writes

src/registry/blocks/contact-section.tsx

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Agent Dashboardagent-dashboard	zyeon	Blocks	Free	2 deps · 2 files
AI Answerai-answer	zyeon	Blocks	Free	2 deps · 2 files
API Keys Panelapi-keys-panel	zyeon	Blocks	Paid	2 deps · 2 files
Assistant Welcomeassistant-welcome	zyeon	Blocks	Free	1 dep
Auth Cardauth-card	zyeon	Blocks	Paid	2 deps
Billing Historybilling-history	zyeon	Blocks	Free	2 deps · 2 files
Blog Card Gridblog-card-grid	zyeon	Blocks	Free	2 deps · 2 files
Case Study Gridcase-study-grid	zyeon	Blocks	Free	2 deps · 2 files