⚡ ZapKit

The Starknet wallet SDK — connect, transact, and build DeFi in minutes.

Documentation · Getting Started · Components · Agent Skills

---

What is ZapKit?

ZapKit is a full-stack Starknet developer toolkit that provides:

• SDK packages — Wallet connection, transaction building, and DeFi operations
• UI components — Drop-in shadcn registry components for wallet UIs
• Agent skills — AI coding skills that teach Copilot/Cursor how to build on Starknet

Packages

Package	Description	Version
@dngbuilds/zapkit-core	Starknet wallet SDK — Cartridge Controller, transactions, bridging
@dngbuilds/zapkit-react	React hooks & provider — ZapProvider, useWallet, useStaking

UI Components (shadcn Registry)

Copy-paste wallet and DeFi UI components via the shadcn CLI:

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

Available components: connect-wallet-button · address-badge · network-badge · token-amount · transaction-status · wallet-card

Browse all components →

Agent Skills

AI coding skills for Starknet development, powered by the skills.sh ecosystem. Install into your project so Copilot, Cursor, Claude Code, Windsurf, and 40+ agents know how to use ZapKit:

# Install all ZapKit skills
npx skills add dngbuilds/zapkit

# Or install specific skills
npx skills add dngbuilds/zapkit --skill zapkit-starknet
npx skills add dngbuilds/zapkit --skill zapkit-defi
npx skills add dngbuilds/zapkit --skill zapkit-wallet-ui

Learn about skills →

Quick Start

npm install @dngbuilds/zapkit-core @dngbuilds/zapkit-react

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

function App() {
  return (
    <ZapProvider>
      <Wallet />
    </ZapProvider>
  );
}

function Wallet() {
  const { address, status, connect, disconnect } = useWallet();

  if (status === "connected") {
    return <button onClick={disconnect}>{address}</button>;
  }
  return <button onClick={connect}>Connect Wallet</button>;
}

Monorepo Structure

zapkit/
├── packages/
│   ├── core/          # @dngbuilds/zapkit-core — Starknet SDK
│   └── react/         # @dngbuilds/zapkit-react — React hooks & provider
├── apps/
│   ├── doc/           # Documentation site (zapkit.vercel.app)
│   ├── demo/          # Interactive demo app

Development

This monorepo uses Vite+ (vp) with pnpm workspaces.

# Install dependencies
pnpm install

# Run the doc site
pnpm docs

# Run the demo app
pnpm demo

# Lint, format, test & build everything
pnpm ready

Contributing

Contributions are welcome! Please open an issue or PR on GitHub.

License

MIT © DngBuilds