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.
- Set up shadcn in your project — follow the installation guide
- Install the provider — wraps your app with wallet and RPC config
- Install connect-button — the base component everything builds on
- 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
| Component | Description | Required |
|---|---|---|
nitso-provider | Root provider — wallet connection, RPC, cluster config | Yes |
connect-button | Connect button, wallet modal, dropdown | Yes |
wallet-balance | SOL balance display | No |
network-switcher | Mainnet / Devnet / Testnet switcher | No |
token-list | SPL token holdings | No |
transaction-list | Recent transaction history | No |
wallet-connect-modal | WalletConnect QR code modal | No |
Ready? Start the installation →