Auth Crosshair

Dark card authentication form with crosshair corners, email input, and side-by-side OAuth buttons.

Open in

Configuring your account...

Please wait while we prepare everything for you

Usage

import { AuthCrosshair } from '@/components/kokonutui/auth-crosshair'

<AuthCrosshair />

Features

  • Dark card with crosshair corner accents
  • Pill-shaped email input with @ icon
  • Full-width white "Continue With Email" button
  • Side-by-side Google and GitHub OAuth buttons
  • Terms & Privacy footer links
  • Zero external dependencies beyond lucide-react