ZapKit

ZapKit is a modular Starknet wallet integration SDK for React. It provides a unified API to connect wallets, manage accounts, and send transactions across multiple onboarding strategies.

Features

Multi-strategy onboarding — Cartridge, raw Stark Signer, and Privy
React hooks — useZapKit, useWallet, useConnect
UI components — copy-paste components via shadcn registry
Agent skills — AI coding skills for Starknet DeFi development
TypeScript-first — fully typed, tree-shakeable packages

Packages

Package	Description
`@dngbuilds/zapkit-react`	React Provider, hooks, Vite plugin

Quick start

1. Install the SDK

npm install @dngbuilds/zapkit-react

2. Add UI components from the registry

npx shadcn@latest add "https://zapkit.vercel.app/r/connect-wallet-button.json"

3. Wire it up

import { ZapProvider } from "@dngbuilds/zapkit-react";

export default function App() {
  return (
    <ZapProvider
      config={{
        network: "sepolia",
        bridging: {
          ethereumRpcUrl: "https://eth-sepolia.g.alchemy.com/v2/<key>",
          solanaRpcUrl: "https://starknet-sepolia.g.alchemy.com/v2/<key>",
        },
      }}
      showDevPanel
    >
      {your entire app}
    </ZapProvider>
  );
}

4. Install agent skills (optional)

Supercharge your AI assistant with Starknet knowledge:

npx skills add zapkit/skills@zapkit-starknet

On this page