# HOT Kit

### 1. Multi-chain connector

HOT Kit lets users connect their own wallets to your site or log in via Google. It's great for onboarding web2 users into your app. With WalletConnect support, any mobile wallet can be connected effortlessly.

<figure><img src="/files/oesWBzQhDX1EUe8MZ2ML" alt=""><figcaption></figcaption></figure>

* **NEAR Connector**\
  WC, HOT Wallet, Meteor, Intear, MyNearWallet, etc
* **EVM Connector**\
  WC, HOT Wallet, MetaMask and all browser wallets
* **Solana Connector**\
  WC, Hot Wallet, Phantom and all browser wallets
* **TON Connector**\
  HOT Wallet, TonKeeper and all web/mobile wallets
* **Stellar Connector**\
  HOT Wallet, Freighter
* **TRON Connector**\
  TronLink (WC soon)
* **Cosmos Connector**\
  WC, Keplr, Leap
* **Connect via Google (experimental)**\
  Users receive addresses for all networks mentioned above via their Google account. The user's Google Wallet operates through HOT MPC and will be accessible after authorization at <https://app.hot-labs.org>.<br>

```typescript
import { HotConnector } from "@hot-labs/kit";
import { defaultConnectors } from "@hot-labs/kit/defaults";
import google from "@hot-labs/kit/hot-wallet";
import cosmos from "@hot-labs/kit/cosmos";

export const kit = new HotConnector({
  apiKey: "Get on https://pay.hot-labs.org/admin/api-keys for free",
  connectors:  [...defaultConnectors, cosmos(), google()],
  walletConnect: { // Get from dashboard.reown.com
    projectId: "3cbf324S21f18648ed6153e2c324l2cf",
    metadata: {
      name: "App",
      description: "Awesome App",
      url: "https://app.com",
      icons: ["https://app.com/logo.png"],
    },
  },
});
```

### 2. User portfolio

Users can view their token balances in connected wallets, and these balances are also available for you in the code.

<figure><img src="/files/6OZc90ytqlWcrLYGGvhl" alt=""><figcaption></figcaption></figure>

```typescript
kit.openProfile() // to open popup with profile

// Get balances
kit.walletsTokens.forEach(({ wallet, token, balance }) => {
   console.log(wallet.address, `${token.float(balance)} ${token.symbol}`)
})

// Refresh balances
const evmWallet = kit.evm // if connected or null
await kit.fetchTokens(evmWallet)

```

### 3. Exchange tokens

<figure><img src="/files/ZKcUyNkmYAWpgxVe2xCt" alt=""><figcaption></figcaption></figure>

```typescript
kit.openBridge() // to open popup with bridge

// Or use manual
const review = await kit.exchange.reviewSwap({ .. }) // get qoute
await kit.exchange.makeSwap(review) // do it!
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hotdao.ai/hot-kit.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.