This library is organized into small packages with few dependencies.
To add it to your app, you'll need core packages, some wallets, and UI components for your chosen framework.
These packages are what most projects can use to support wallets on Solana.
package | description | npm |
---|---|---|
base | Adapter interfaces, error types, and common utilities | @solana/wallet-adapter-base |
react | Contexts and hooks for React apps | @solana/wallet-adapter-react |
Several core packages are maintained by the community to support additional frontend frameworks.
These packages provide components for common UI frameworks.
package | description | npm |
---|---|---|
react-ui | Components for React (no UI framework, just CSS) | @solana/wallet-adapter-react-ui |
material-ui | Components for Material UI with React | @solana/wallet-adapter-material-ui |
ant-design | Components for Ant Design with React | @solana/wallet-adapter-ant-design |
angular-material-ui | Components for Angular Material UI | @heavy-duty/wallet-adapter-material |
These packages provide adapters for each wallet. You can use the wallets package, or add the individual wallet packages you want.
These packages provide projects that you can use to start building a app with built-in wallet support. Alternatively, check out solana-dapp-next for a more complete framework.
package | description | npm |
---|---|---|
example | Demo of UI components and wallets | @solana/wallet-adapter-example |
create-react-app-starter | Create React App project using React UI | @solana/wallet-adapter-create-react-app-starter |
material-ui-starter | Parcel project using Material UI | @solana/wallet-adapter-material-ui-starter |
react-ui-starter | Parcel project using React UI | @solana/wallet-adapter-react-ui-starter |
nextjs-starter | Next.js project using React UI | @solana/wallet-adapter-nextjs-starter |