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

SuperTokens.com

import React from "react";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import SuperTokens, {
  getSuperTokensRoutesForReactRouterDom,
} from "supertokens-auth-react";
import ThirdPartyEmailPassword, {
  Google,
} from "supertokens-auth-react/recipe/thirdpartyemailpassword";
import Session from "supertokens-auth-react/recipe/session";

SuperTokens.init({
  appInfo: {
    // learn more about this on https://supertokens.io/docs/thirdpartyemailpassword/appinfo
    appName: "My Demo App", // Example: "SuperTokens",
    apiDomain: "http://localhost:3001", // Example: "https://api.supertokens.io",
    websiteDomain: "http://localhost:3000", // Example: "https://supertokens.io"
  },
  recipeList: [
    ThirdPartyEmailPassword.init({
      signInAndUpFeature: {
        providers: [Google.init()],
      },
    }),
    Session.init(),
  ],
});

class Login extends React.Component {
  render() {
    return (
      <Router>
        <Switch>
          {getSuperTokensRoutesForReactRouterDom(require("react-router-dom"))}
        </Switch>
      </Router>
    );
  }
}

export default Login;