Contact blocks

Contact forms, contact details and ways to reach a team.

3 variants. Every block is one file built from CK-UI components and works in light and dark mode.

Contact form

A full contact form: names, work email, company, team size, message with counter, validation and a confirmation.

Also copy the files they import: Label, ThemeScope.

npm install @radix-ui/react-label @radix-ui/react-select @radix-ui/react-slot class-variance-authority react-icons

Email, phone and address on one side and a short validated form on the other.

Also copy the files they import: Label.

npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons

Three cards that route people to sales, support or press, each with one clear link.

npm install @radix-ui/react-slot react-icons