> ## Documentation Index
> Fetch the complete documentation index at: https://docs.walletkit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create wallet

> Onboard users to your app with email, social login, or passkeys

<Frame>
  <img width="300" noZoom src="https://mintcdn.com/walletkit-docs/7aZXvKfTnGcrV8aq/images/connect_create_wallet.png?fit=max&auto=format&n=7aZXvKfTnGcrV8aq&q=85&s=ec9fade787035959114697ad49fd92c1" data-path="images/connect_create_wallet.png" />
</Frame>

WalletKit lets users create a secure gasless wallet using their email or social login. WalletKit will guide the user through creating a wallet, setting a 6-digit pin, and optionally enabling passkeys to further secure their wallet.

<CodeGroup>
  ```typescript React theme={null}
  import { useWalletKitLink } from "@walletkit/react-link";

  export function Connect() {
    const walletKit = useWalletKitLink();
    const [isConnected, setIsConnected] = useState(false);

    const handleConnect = async () => {
      await walletKit.connect();
      setIsConnected(true);
    };

    if (!isConnected) {
      return <button onClick={handleConnect}>Connect</button>;
    }

    return <div>Connected!</div>;
  }
  ```

  ```typescript wagmi theme={null}
  import { useConnect } from "@walletkit/wagmi-link";

  export function Connect() {
    const { connect } = useConnect(); // imported from @walletkit/wagmi-link
    const { isConnected } = useAccount();

    if (!isConnected) {
      return <button onClick={connect}>Connect</button>;
    }

    return <div>Connected!</div>;
  }
  ```
</CodeGroup>