connectorkit

Unify Solana wallet flows with React components and a headless core supporting WalletConnect and Wallet Standard compatibility.

66|14|Updated Sep 17, 2025
One-click install
npx skills add https://github.com/solana-foundation/connectorkit --skill connectorkit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: connectorkit
Source: https://github.com/solana-foundation/connectorkit/tree/main/connectorkit
Command: npx skills add https://github.com/solana-foundation/connectorkit --skill connectorkit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

ConnectorKit solves the complexity of building reliable Solana wallet connections by unifying wallet interaction behind a single headless core and optional React UI layer.

Core Features & Use Cases

  • Wallet Standard-first connections: integrates Wallet Standard-compatible wallets for consistent behavior across providers and adapters.
  • Headless + React options: use framework-agnostic ConnectorClient for non-React apps or use React providers, hooks, and elements for rapid UI integration.
  • Production-ready UX patterns: supports auto-connect, cluster switching, wallet filtering/ordering, WalletConnect QR/deep linking, and diagnostics-ready error boundaries.
  • Remote signer and server-backed signing: add custodial/MPC/HSM signing flows with browser-side Wallet Standard delegation and Next.js route handlers.

Quick Start

Install @solana/connector, then create an App Router client provider that wraps your app with AppProvider using getDefaultConfig({ appName: 'My App', network: 'devnet', autoConnect: true, enableMobile: true }), and render wallet UI using React elements like WalletListElement inside that provider.

Frequently Asked Questions about connectorkit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I connect a Solana wallet in a React app?

To connect a Solana wallet in a React app, wrap your application with an AppProvider using getDefaultConfig to set network and auto-connect preferences, then render UI elements like WalletListElement inside that provider.

Can I use a Solana wallet connection without React?

Yes, you can use Solana wallet connections without React by utilizing the framework-agnostic ConnectorClient, allowing non-React environments to subscribe to wallet state and manage connections independently.

Does this Solana wallet connector support WalletConnect and mobile deep linking?

Yes, this Solana wallet connector supports WalletConnect QR codes and mobile deep linking by setting enableMobile to true in your getDefaultConfig initialization parameters.

How does Wallet Standard compatibility improve Solana wallet connections?

Wallet Standard compatibility improves Solana wallet connections by integrating compatible wallets for consistent behavior across providers, ensuring uniform connection flows and adapter interactions.

How do I add remote signer or server-backed signing for Solana transactions?

You can add remote signer or server-backed signing for Solana transactions by implementing custodial, MPC, or HSM flows using browser-side Wallet Standard delegation and Next.js route handlers.