Practical overview
When it fits
Use it when a Solana web dApp needs a standalone wallet-selection interface and callbacks for connection state, rather than building those UI hooks from scratch.
Who it is for
- Developers building web applications on Solana
- Teams integrating wallet selection and connection-state handling into a dApp
Documented uses
- Open a wallet-selection menu from a dApp.
- React to wallet connection and disconnection changes.
- Track whether the selection menu is visible.
- Retrieve the selected wallet adapter for application features.
- Add wallet adapter choices beyond the default Wallet Standard-supported options.
Requirements & limits
- The default wallet choices are wallets that support Wallet Standard.
- Additional wallets can be supplied as adapters; the README examples include Solflare and Solana Mobile Wallet Adapter.
- The documented npm workflow uses JavaScript imports, with TypeScript examples based on Solana wallet-adapter interfaces; an unpkg script-loading example is also provided.
- The repository lists an MIT license.
Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.
Add a wallet menu and connection callbacks
Install Solana Connect, open its wallet menu and handle wallet and menu state changes in a web application.
Before you start
- A web application using npm
- The solana-connect package
- The @solana/wallet-adapter-base Adapter type for the documented TypeScript example
Steps
Install the package with the command below.
npm install solana-connectImport
SolanaConnectand create an instance.Call
openMenu()to display the wallet-selection menu.Register
onWalletChangeto receive a connected adapter or null on disconnection, and useonVisibilityChangeto observe whether the menu is open.Call
getWallet()when the application needs the selected adapter.
Expected outcome
The application can display the wallet menu, respond to wallet and menu state changes, and retrieve the current adapter.
Guide limitations
- By default, wallets supporting Wallet Standard appear; other choices require configured additional adapters.
- The example documents API usage, not transaction signing or application-specific wallet flows.
Compare options for Wallet connections
These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.
| Project | Documented purpose | Platform | Access and requirements |
|---|---|---|---|
| Solana Connect | Open a wallet-selection menu from a dApp. | Web | |
| Dioxus Wallet Adapter | Add Solana wallet connectivity to a Dioxus web application. | Web | |
| Vue CLI Plugin Web3Modal | Configure injected browser and WalletConnect provider options. | Web |
Sources & review
Source record details
- Source availability
- Active
- Sources checked
- 15 October 2026
- Original website title
- ronanyeah/solana-connect · Official homepage title · retained in its source language

