OnchainKit Profile picture
A kit to make building onchain easy for everyone. Created by @base.

Jan 15, 7 tweets

Introducing Wallet Island 🏝️ 💫

The sleekest way to interact with wallets in your app.

No extension. No downloads. Drop it anywhere.

Balances, send, buy, and swap. All-in-one.

Start now: onchainkit.xyz/wallet/wallet-…

A live demo app using Wallet Island: …hainkit-wallet-island-demo.vercel.app

Github: github.com/brendan-defi/o…

You can see all the possible configurations of our <Wallet /> component.

Add the Wallet Island component to your app in minutes, or customize it to match your brand:

• Style the component with four built-in themes
• Dynamically switch light & dark modes based on user preferences
• Override CSS styles to create a fully custom component

Protip: you can use <WalletIsland /> with our wallet modal too to support other wallets.

Just set the wallet display to 'modal' in the Provider config.

To enable Wallet Island, simply:

1. Bump the package to the latest version (0.36.6)
2. Specify the wallet preference in <OnchainKitProvider />

That's it! 🪄

All of our components come with open source, production-ready Figma files:

figma.com/community/file…

Start building: `npm create onchain`

If you have any feedback or ideas for our developer experience, submit an issue to our Github:

github.com/coinbase/oncha…

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling