Self-bundled Widget

npm install @layerswap/widget @layerswap/wallet-evm zustand@^4.5.7

import { LayerswapProvider, Swap } from '@layerswap/widget';
import { createEVMProvider } from '@layerswap/wallet-evm';
import '@layerswap/widget/index.css';

const walletProviders = [
  createEVMProvider({
    walletConnectConfigs: {
      projectId: 'YOUR_WALLETCONNECT_PROJECT_ID',
      appName: 'Your app',
    },
  }),
];

export function Layerswap() {
  return (
    <LayerswapProvider
      config={{ apiKey: 'YOUR_API_KEY' }}
      walletProviders={walletProviders}
    >
      <Swap />
    </LayerswapProvider>
  );
}