Playground

Change any option in the Studio and the real panel updates. Connect with Demo wallet to see the account panel, then copy the code from the Code tab.

Jump to the Studio
<ConnectGate>

Members-only vault

Connected, on a supported network, and signed in if SIWE is on. One component.

useSignMessage()

Sign a message

wagmi hooks work as usual. Results show up as toasts and in the activity timeline.

addTransaction({ hash })

Track a transaction

A tracked hash gets a pending toast, then a confirmed one, plus a timeline entry that survives a reload. The demo wallet has no gas, so expect it to fail.

useWylletToast()

Toasts

Imperative and promise-aware. Change the position in the Studio.

useWylletButton()

Build your own button

Wyllet keeps the state, the panel and the anchoring. You draw the trigger.

customChain() · withDefaultTokens() · chainOrder

Your chains and tokens, your order

This demo mixes popularChains with Zora from customChain(), pins DEGEN on Base above the blue chips, and reorders networks with chainOrder. Try Network order in the Studio.

  • Ethereum
  • Base
  • OP Mainnet
  • Arbitrum One
  • Polygon
  • BNB Smart Chain
  • Avalanche
  • ZKsync Era
  • Linea Mainnet
  • Scroll
  • Zora
  • Sepolia
  • ETH
  • USDC
  • USDT
  • DAI
  • WBTC
  • OP
  • ARB
  • DEGEN