* Link GitHub Account

* Link Twitter Account

1. On the account settings page, you will find a button to link your GitHub account. Click that.

<Screenshot src="/getting-started/managing-your-npm-user-account/connect-github.png" alt="Screenshot of linking from Account Setting without any accounts linked" />

2. If you are not currently logged in to GitHub you will be prompted to go through the authentication flow.

<Screenshot src="/getting-started/managing-your-npm-user-account/github-login.png" alt="GitHub login form" />

3. After successfully logging in, or if you already had an active browser sessions, you will be prompted to "authorize npm account link", click the button.

<Screenshot src="/getting-started/managing-your-npm-user-account/github-authorize.png" alt="Landing page to authorize the installation of the npm account linking app" />

4. You will be redirected to npm and the link will show as successful in your settings.

<Screenshot src="/getting-started/managing-your-npm-user-account/github-success.png" alt="Screenshot of linking from Account Setting with successfully linked GitHub account" />

1. On the account settings page, you will find a button to link your Twitter account. Click that.

<Screenshot src="/getting-started/managing-your-npm-user-account/connect-twitter.png" alt="Screenshot of linking from Account Setting without any accounts linked" />

2. If you are not currently logged in to Twitter you will be prompted to go through the authentication flow. Click "Log in"

<Screenshot src="/getting-started/managing-your-npm-user-account/twitter-login.png" alt="Twitter login form" />

3. After successfully logging in, or if you already had an active browser sessions, you will be prompted to "Authorize app", click the button.

<Screenshot src="/getting-started/managing-your-npm-user-account/twitter-authorize.png" alt="Landing page to authorize the installation of the npm account linking app" />

4. You will be redirected to npm and the link will show as successful in your settings.

<Screenshot src="/getting-started/managing-your-npm-user-account/twitter-success.png" alt="Screenshot of linking from Account Setting with successfully linked Twitter account" />

1. On the account settings page, you will find a button to disconnect your GitHub account. Click that.

<Screenshot src="/getting-started/managing-your-npm-user-account/github-disconnect.png" alt="Screenshot of linking from Account Setting with a cursor hovering over disconnect" />

_Note: Clicking disconnect will only disconnect the link from your npm account. You need to `revoke` permissions from your [GitHub app authorization settings](https://github.com/settings/apps/authorizations) to permanently remove the integration from your GitHub account_

1. On the account settings page, you will find a button to disconnect your GitHub account. Click that.

<Screenshot src="/getting-started/managing-your-npm-user-account/twitter-disconnect.png" alt="Screenshot of linking from Account Setting with a cursor hovering over disconnect" />

_Note: Clicking disconnect will only disconnect the link from your npm account. You need to `revoke` permissions from your [Twitter connect apps management page](https://twitter.com/settings/connected_apps) to permanently remove the integration from your Twitter account_

import shared from '../../../src/shared.js'

npm 8.14.0 and higher support login flow through the browers. This will become the default behavior for the npm public registry in npm 9.

1. On the command line, type the [`npm login --auth-type=web`][login] command.

2. When prompted hit "ENTER" to open your browser to start the login flow or click the provided URL show in the command line.

```

```

3. Click on *Use security key* and follow the browser specific steps to authenticate.

<Screenshot src="/getting-started/setting-up-your-npm-user-account/2fa-use-security-key.png" alt="Screenshot showing security key prompt" />

_Note: If you have configured to use TOTP, you will see an TOTP prompt instead_

1. On the command line, type the [`npm login --auth-type=web`][login] command.

2. When prompted hit "ENTER" to open your browser to start the login flow or click the provided URL show in the command line.

```

```

3. <>{shared['user-login'].text}</>

<>{shared['user-login'].image}</>

4. Click on *Use security key* and follow the browser specific steps to authenticate.

<Screenshot src="/getting-started/setting-up-your-npm-user-account/2fa-use-security-key.png" alt="Screenshot showing security key prompt" />

_Note: If you have configured to use TOTP, you will see an TOTP prompt instead_