Invite Member Modal

Forms 60

About

This provides a clean and user-friendly modal for inviting team members via email, with role selection options for Owner or Member. Ideal for SaaS platforms and business apps managing teams and organizations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Invite Member Modal to your project and fits it to your theme.

Code

How Invite Member Modal is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { InviteMemberModal } from "@/components/ui/invite-member-modal";
import { cn } from '@/lib/utils';

export default function DemoOne() {
 	return (
		<div className="relative flex min-h-screen w-full items-center justify-center px-4 py-10">
			<InviteMemberModal />
			<div
				aria-hidden="true"
				className={cn(
					'pointer-events-none -z-10 absolute -top-10 left-1/2 size-full -translate-x-1/2 rounded-full',
					'bg-[radial-gradient(ellipse_at_center,--theme(--color-foreground/.1),transparent_50%)]',
					'blur-[30px]',
				)}
			/>
		</div>
	);
}