dApp Integration

Integrating with Hyperliquid Names is a single line of code via our Rest API.

Partners and Integrations Telegram group chat

Join our TG group: https://t.me/+pDbWCyCnvrxlZmJh

REST API

The REST API endpoint is live for HyperEVM mainnet and can also be used to resolve names on HyperCore.

https://api.hlnames.xyz/api/docs

To use the docs, click Authorize and set apiKey = CPEPKMI-HUSUX6I-SE2DHEA-YYWFG5Y

You can use the following name as an example:

testooor.hl <> 0xF26F5551E96aE5162509B25925fFfa7F07B2D652

@hlnames/rainbowkit

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

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

RainbowKit with .hl 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.4. 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.4.tgz
# or
pnpm add https://raw.githubusercontent.com/HLnames/rainbowkit/refs/heads/main/packages/rainbowkit/rainbow-me-rainbowkit-2.2.4.tgz

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

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

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