SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

and on frontend
  socialLogin(provider: string) {
    this.authService.thirdPartyLogin(provider);
  }

  async thirdPartyLogin(provider: string): Promise<void> {
    let response = await ThirdPartyEmailPassword.getAuthorisationURLWithQueryParamsAndSetState({
      frontendRedirectURI: `localhost:3000/auth/callback`,
      thirdPartyId: provider
    })

    this.route.navigate([response]);
  }

auth.routes.ts

export const AuthRoutes: Routes = [
  {
    path: '',
    component: AuthComponent,
    children: [
      { path: '', redirectTo: 'login', pathMatch: 'full' },
      {
        path: 'callback',
        component: CallbackComponent,
        title: 'Auth | Callback',
      },
      { path: 'login', component: LoginComponent, title: 'Auth | Login' },
      { path: 'logout', component: LogoutComponent, title: 'Auth | Logout' },
      {
        path: 'register',
        component: RegisterComponent,
        title: 'Auth | Register',
      },
      {
        path: 'forgot-password',
        component: ForgotPasswordComponent,
        title: 'Auth | Forgot Password',
      },
      {
        path: 'reset-password',
        component: ResetPasswordComponent,
        title: 'Auth | Reset Password',
      },
    ],
  },
];