Connector Kit

Headless wallet connection components for Solana. Composable blocks, render props, zero styling opinions.

Headless Core

React hooks + framework-agnostic ConnectorClient. Works with Vue, Svelte, or vanilla JavaScript.

Composable Elements

Pre-built AccountElement, BalanceElement, TokenListElement, TransactionHistoryElement, and more. Mix and match to build any wallet UI.

Render Props

Every block accepts render props for complete UI control. Use your own components, styling, and layouts.

Wallet Standard

Built on the official Wallet Standard protocol. Auto-detects Phantom, Solflare, Backpack, and any compliant wallet.

Transaction Signer

Dual API support for modern @solana/kit and legacy @solana/web3.js. Unified signing, sending, and batching.

Connection Pooling

Reusable RPC connections with automatic caching. Reduces memory usage and initialization overhead.

Mobile Wallet Adapter

First-class Solana Mobile support. Connect to mobile wallets with the same API as desktop.

Auto-Connect

Persistent wallet selection with SSR-safe storage. Users stay connected across page refreshes.

Network Switching

Built-in cluster management for mainnet, devnet, testnet, and custom RPC endpoints.

Backward Compatibility

Drop-in compatibility bridge for existing @solana/wallet-adapter code. Migrate incrementally.

Production Diagnostics

Health checks, debug metrics, and React error boundaries. Built-in image proxy to protect user privacy.

Small Bundle Size

Tree-shakeable exports. Import only what you need. Debug tools auto-excluded in production builds.

Playground

Explore components, elements, hooks, and test transactions. Copy any example and customize it for your app.

Pre-built

Complete Component Examples

Complete components built with ConnectorKit's Elements based on Radix UI and Base UI.

Supported UI Frameworks

Base UI
Radix UI

ConnectButton

The main entry point. Shows connect button when disconnected, wallet dropdown when connected. Orchestrates the modal and dropdown.

WalletModal

Wallet selection modal with installed wallets prioritized, recent wallet badge, expandable 'Other Wallets' section, and install links for popular wallets.

Connect your wallet

Detecting wallets...

WalletDropdownContent

Account dropdown with address, balance, network selector, tokens list, transaction history, and disconnect button. Uses block components with render props.

Connect wallet to preview