Modal Demo
See the modal in action
Basic Usage
Customization
Control the modal appearance through thebrand configuration:
brand and wallets reference.
Widget
Embed the UI inline
Headless
Build a fully custom UI
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
const address = await aurum.connect();
const { connect } = useConnect();
const address = await connect();
brand configuration:
import { Aurum } from '@aurum-sdk/core';
import { WalletId } from '@aurum-sdk/types';
const aurum = new Aurum({
brand: {
appName: 'My App',
logo: 'https://example.com/logo.png',
theme: 'dark',
primaryColor: '#6366f1',
borderRadius: 'lg',
walletLayout: 'grid', // or 'stacked'
font: 'Inter, sans-serif',
hideFooter: true, // hides "powered by Aurum"
modalZIndex: 9999, // raise above your own overlays
},
wallets: {
embedded: { projectId: 'your-cdp-id' },
walletConnect: { projectId: 'your-reown-id' },
exclude: [WalletId.Rabby, WalletId.Brave], // hide specific wallets
},
});
brand and wallets reference.