Magic Link

Passwordless authentication with magic link email. Features 3D card flip animation on success, gradient shimmer effects, and animated success overlay.

core-landing-pagesauthmagic-linkpasswordlessemail3danimation

Props

Customize the component with these props

PropertyTypeDefaultDescription
title
string"Magic Link"Title text displayed at the top of the form.
subtitle
string"Passwordless login."Subtitle text displayed below the title.
onSendLink
(email: string) => Promise<void>undefinedCallback function called when magic link is sent.
companyName
string"Acme Inc."Company name displayed in the logo area.
showCompanyLogo
booleantrueWhether to display the company logo.
className
stringundefinedAdditional CSS classes for custom styling.
successTitle
string"Check your email"Title text displayed in the success overlay.
successMessage
string"Click the link in the email we just sent you."Message text displayed in the success overlay.
Magic Link - Core Landing Pages Component | UILora