Zachary BENSALEM

Sign In Minimalist

Sign-in 2

About

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 />;
}

Dependencies

More by Zachary BENSALEM

View all
  • Animated Loading SVG + Text Shimmer

    Animated Loading SVG + Text Shimmer

    371
  • Prompt Input dynamic grow

    Prompt Input dynamic grow

    361
  • Toggle Switch Glass

    Toggle Switch Glass

    75
  • Copy Button - Variants

    Copy Button - Variants

    58
  • SegmentedControl

    SegmentedControl

  • Dropdown Menu - Apps SDK UI

    Dropdown Menu - Apps SDK UI

More in Sign-in

View all
  • SignInPage

    SignInPage

    631
  • Modern & Stunning sign in

    Modern & Stunning sign in

    1.6K
  • Sign In Form

    Sign In Form

    201
  • Clean & Minimal sign in

    Clean & Minimal sign in

    617
  • Sign In

    Sign In

    97
  • Split Sign In Form

    Split Sign In Form

    16
  • Login 2

    Login 2

    7
  • Modern Animated Sign In

    Modern Animated Sign In

    1.1K