1 variants

Contact

A contact section. The ways to reach you beside a form that checks itself and turns into a thank you.

Form

Name, email and message with inline checks, channels listed beside it, and a sent state that glides in.

Get in touch

Tell us what you are working on and we will get back to you within a day.

Message sent

Thanks, there. We will reply to .

page.tsx

import { ContactForm } from "@/components/blocks/contact-form";

export default function Page() {
  return <ContactForm onSubmit={sendMessage} />;
}

"use client";

import { Check, Mail, MessageSquare } from "lucide-react";
import { type FormEvent, type ReactNode, useId, useState } from "react";
import { Collapse, FormMessage, INPUT, SubmitButton, TextField } from "@/components/registry/form-kit";
import { cn } from "@/lib/utils";

export interface ContactValues {
  name: string;
  email: string;
  message: string;
}

145 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/contact-form