Wallet Connector

Resolve .hl names in your wallet connector

@hlnames/rainbowkit

https://github.com/HLnames/hln-rainbowkit

We have a custom RainbowKit package with.hl name support.

There are two ways to consume @hlnames/rainbowkit

If you're starting a new project without any dependencies

You can install @hlnames/rainbowkit:

npm install @hlnames/rainbowkit@latest
# or
pnpm add @hlnames/rainbowkit@latest

And use @hlnames/rainbowkit wherever you would have previously used @rainbow-me/rainbowkit:

import { ConnectButton } from '@hlnames/rainbowkit';

export const YourApp = () => {
  return <ConnectButton />;
};

If your project already uses @rainbow-me/rainbowkit

You can install our forked version of @rainbow-me/rainbowkit@2.2.10. With this option you won't need to change any of your imports.

npm install https://raw.githubusercontent.com/HLnames/rainbowkit/refs/heads/main/packages/rainbowkit/rainbow-me-rainbowkit-2.2.10.tgz
# or
pnpm add https://raw.githubusercontent.com/HLnames/rainbowkit/refs/heads/main/packages/rainbowkit/rainbow-me-rainbowkit-2.2.10.tgz

Use @rainbow-me/rainbowkit as you would normally.

import { ConnectButton } from '@rainbow-me/rainbowkit';

export const YourApp = () => {
  return <ConnectButton />;
};

Dynamic

If you're using Dynamic as your sign in provider, you can integrate hlnames like this:

https://github.com/ori-wagmi/hlnames_dynamic