Masdouk Adelakoun

Auth Switch

Sign-in 1.4K

About

A modern animated authentication component with Sign In and Sign Up forms, social login icons, and smooth transitions between modes.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Auth Switch to your project and fits it to your theme.

Code

How Auth Switch is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import AuthSwitch from "@/components/ui/auth-switch";

export default function Demo() {
  return <AuthSwitch />;
}

More by Masdouk Adelakoun

View all
  • Split-Flap Metrics Board

    Split-Flap Metrics Board

  • Animated Testimonial

    Animated Testimonial

  • Shopify 3D Globe

    Shopify 3D Globe

  • Creative Left Nav

    Creative Left Nav

  • Why AppVibed

    Why AppVibed

More in Sign-in

View all
  • Modern & Stunning sign in

    Modern & Stunning sign in

    1.6K
  • SignInPage

    SignInPage

    631
  • Sign In Form

    Sign In Form

    201
  • Clean & Minimal sign in

    Clean & Minimal sign in

    617
  • Sign In

    Sign In

    97
  • Authentication Card

    Authentication Card

    47
  • Split Sign In Form

    Split Sign In Form

    16
  • Modern Animated Sign In

    Modern Animated Sign In

    1.1K