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.

import { useWalletKitLink } from "@walletkit/react-link";

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

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

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

  return <div>Connected!</div>;