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

    661
  • Sign In Form

    Sign In Form

    203
  • Clean & Minimal sign in

    Clean & Minimal sign in

    627
  • Sign In Auth Card

    Sign In Auth Card

    2
  • Sign In Card

    Sign In Card

    18
  • Split Sign In Form

    Split Sign In Form

    36
  • Authentication Card

    Authentication Card

    49