Skip to content
SKALE Docs

ConnectKit

ConnectKit is a react component library designed for integrating a wallet with dApps. It supports a wide range of popular connectors and blockchains, ensuring a smooth and visually appealing user experience.

Website
Documentation
Recipe Not ready yet but is coming very soon!

Features

  • Customizable Wallet Integration: Simplifies wallet connection for dApps with a fully customizable interface.
  • Multi-Wallet Support: Enables integration with various wallets like MetaMask, Coinbase, and WalletConnect.
  • Multi-Chain: Compatible with all EVM Networks which means all SKALE Chains are compatible as well.

Quickstart

  1. Install the package:

    Terminal window
    npm install connectkit wagmi viem@2.x @tanstack/react-query

  2. ConnectKit utilises WalletConnect’s SDK which means it’s required to get a projectId. Head to WalletConnect Cloud to get it.

  3. Import the required libraries and start using connect kit:

    Example

    import { WagmiProvider , createConfig, http } from "wagmi";
    import { skaleNebulaTestnet , skaleCalypsoTestnet , skaleTitanTestnet , skaleEuropaTestnet } from "wagmi/chains";
    import { QueryClient , QueryClientProvider } from "@tanstack/react-query";
    import {  ConnectKitProvider , getDefaultConfig } from "connectkit";