A dark/light Sign In page, centered authentication that use the Google OAuth official policy for te UI CTA, footer with legal links and social icons. Built with React + Tailwind, fully responsive with clean button states and accessibility support with animation A minimalist dark authentication hero section with centered layout. Features a bold headline, subheadline, primary OAuth button (with Google official policy UI guideline), secondary guest access option, and footer with legal links and social icons. Fully responsive with smooth button states and keyboard accessibility.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Sign In Minimalist to your project and fits it to your theme.
Code
How Sign In Minimalist is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { SignInSingleFile } from "@/components/ui/sign-in-minimalist";
export default function App() {
return <SignInSingleFile />;
}














