https://github.com/pubkeyapp/solana-wallet-adapter-mantine-ui

This is a Mantine wrapper for the Solana Wallet Adapter.
https://github.com/pubkeyapp/solana-wallet-adapter-mantine-ui

mantine mantine-v6 mantine-v7 solana wallet-adapter web3js

Last synced: 9 days ago
JSON representation

This is a Mantine wrapper for the Solana Wallet Adapter.

• Host: GitHub
• URL: https://github.com/pubkeyapp/solana-wallet-adapter-mantine-ui
• Owner: pubkeyapp
• License: mit
• Created: 2023-09-20T16:26:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-21T01:10:48.000Z (7 months ago)
• Last Synced: 2025-01-14T11:05:25.114Z (about 1 month ago)
• Topics: mantine, mantine-v6, mantine-v7, solana, wallet-adapter, web3js
• Language: TypeScript
• Homepage: https://solana-wallet-adapter-mantine-ui.pubkey.app
• Size: 117 MB
• Stars: 4
• Watchers: 0
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - pubkeyapp/solana-wallet-adapter-mantine-ui - This is a Mantine wrapper for the Solana Wallet Adapter. (TypeScript)

README

        
# Solana Wallet Adapter for Mantine

This is a [Mantine](https://mantine.dev/) wrapper for the [Solana Wallet Adapter](https://github.com/solana-labs/wallet-adapter).

## Installation

```shell

yarn add @pubkeyapp/wallet-adapter-mantine-ui @solana/wallet-adapter-react @solana/web3.js

# or...

npm install @pubkeyapp/wallet-adapter-mantine-ui @solana/wallet-adapter-react @solana/web3.js

# or...

pnpm add @pubkeyapp/wallet-adapter-mantine-ui @solana/wallet-adapter-react @solana/web3.js

# or whatever package manager you use, you get the idea...

```

## Compatibility

This package is compatible with the following versions of Mantine:

- [v1.x.x](https://www.npmjs.com/package/@pubkeyapp/wallet-adapter-mantine-ui/v/1.3.3) is compatible with [Mantine v6](https://v6.mantine.dev/)

- [v2.x.x](https://www.npmjs.com/package/@pubkeyapp/wallet-adapter-mantine-ui) is compatible with [Mantine v7](https://mantine.dev/)

## Usage

You need to wrap your app in the `ConnectionProvider`, `WalletProvider`, and `WalletModalProvider` components from `@solana/wallet-adapter-react` and `@pubkeyapp/wallet-adapter-mantine-ui` respectively.

```tsx

import { WalletModalProvider, WalletMultiButton } from '@pubkeyapp/wallet-adapter-mantine-ui'

import { ConnectionProvider, WalletProvider } from '@solana/wallet-adapter-react'

import { clusterApiUrl } from '@solana/web3.js'

export function App() {

  return (

    

      

        {/* Your app here */}

      

    

  )

}

```

Once you've done that, you can use the `WalletMultiButton` component to render a button that will open a modal to connect to a wallet.

```tsx

import { WalletMultiButton } from '@pubkeyapp/wallet-adapter-mantine-ui'

export function YourFeature() {

  return 

}

```

## License

This project is licensed under the [MIT license](LICENSE).