Introduction

Production-ready Solana wallet UI for React. Copy, own, ship.

You've deployed your Solana program. Tests pass. Devnet is live.

Now comes the frontend — and that's where everything slows down. Wallet setup, transaction handling, loading states, error cases. You've already done the hard part, but now you have to rebuild the same UI logic again.

Nitso removes that friction.

What it is

A collection of Solana wallet UI components distributed via the shadcn registry. Components are copied directly into your codebase — you own the code, read it, modify it, ship it.

No black-box packages. No version lock-in. No trust required.

Nitso is the UI layer built on top of ConnectorKit (@solana/connector) — a headless, production-ready wallet connector built on the official Wallet Standard protocol. You get battle-tested wallet infrastructure without touching it directly. Nitso handles the UI — connection flows, loading states, error cases, dropdowns — while @solana/connector handles the blockchain layer underneath.

Built with Radix UI primitives and shadcn/ui. Works with any React framework — Next.js, Vite.

What you get out of the box

  • Wallet Standard support — compatible with Phantom, Solflare, Backpack, and any Wallet Standard wallet
  • WalletConnect — QR code and deep link connections for mobile wallets
  • Cluster management — switch between Mainnet, Devnet, and Testnet
  • SOL balance and SPL token holdings
  • Transaction history with automatic type detection
  • Auto-reconnect on page load

How it works

Start with the base connect-button. Add addons only when you need them.

  1. Set up shadcn in your project — follow the installation guide
  2. Install the provider — wraps your app with wallet and RPC config
  3. Install connect-button — the base component everything builds on
  4. Add addons only when you need them — balance, network switcher, tokens, activity, WalletConnect

Each component is copied into your codebase. You own it, read it, modify it.

Components

ComponentDescriptionRequired
nitso-providerRoot provider — wallet connection, RPC, cluster configYes
connect-buttonConnect button, wallet modal, dropdownYes
wallet-balanceSOL balance displayNo
network-switcherMainnet / Devnet / Testnet switcherNo
token-listSPL token holdingsNo
transaction-listRecent transaction historyNo
wallet-connect-modalWalletConnect QR code modalNo

Ready? Start the installation →

On this page