Honestly, I just wanted a nice rainbow gradient banner at the top.

Auth Card

Authentication card component with magic link and email/password

Authentication form with tabs

Open in

Usage

import { AuthCard } from "@/components/auth-card";

<AuthCard />;

Features

  • Magic link authentication
  • Email/password login
  • Tab-based UI
  • Server actions for form handling
  • Fully typed with TypeScript

Part of the Subdomain Cookies snippet.

How is this guide?

Last updated: 6/2/2025

On this page