Skip to main content
Beta Release: The Metalayer Widget v1.x is currently in beta. To install the latest beta version, use @metalayer/widget@beta.

​
Features

  • Cross-chain token bridging
  • Multi-wallet support (Ethereum + Solana)
  • Responsive design
  • Framework agnostic
  • Type-safe with TypeScript

​
Installation

pnpm add viem wagmi @tanstack/react-query @solana/web3.js @solana/spl-token @metalayer/sdk@beta @metalayer/widget@beta

​
API Key Setup

Contact our team to get your API key.

​
Basic Usage

import '@metalayer/widget/styles.css';

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { WidgetProvider, Widget } from '@metalayer/widget';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <WidgetProvider
        sdkConfig={{
          apiKey: 'your-api-key',
          environment: 'mainnet',
        }}
      >
        <Widget onConnectClick={() => openWalletModal()} />
      </WidgetProvider>
    </QueryClientProvider>
  );
}