Auth Card
Centered sign-in card with email field and social login row.
Add to your project
Checking access...
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSProps
| Prop | Type | Description |
|---|---|---|
title | string | Card heading. |
subtitle | string | Supporting text. |
cta | string | Submit button label. |
icon | ReactNode | Brand icon shown above the form. |
googleCta | string | Google button label. |
dividerLabel | string | Text between sign-in methods. |
testimonial | string | Quote shown in split layout. |
testimonialAuthor | string | Quote attribution. |
layout | 'split' | 'centered' | Card layout. |
className | string | Styles for the outer card. |