Dev Design Library

Contact section

A validated contact form that morphs into a confirmation, support channels, and office cards with local times.

Contact section preview
Library
Arc Library
Framework
React
Type
block
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add https://uiarc.dev/r/contact-section.json
Files
  • registry/blocks/contact-section/contact-section.tsx
  • registry/blocks/contact-section/contact-section.module.css
  • lib/media.ts
  • registry/components/textarea/textarea.tsx
  • registry/components/textarea/textarea.module.css
  • registry/components/segmented-control/segmented-control.tsx
  • registry/components/segmented-control/segmented-control.module.css
  • registry/components/input/input.tsx
Source
https://github.com/kuratlielia/arc-library

Categories

More from Arc Library