@dzapio/widget is the embeddable React SDK for DZap. Drop a production-ready swap, bridge, or zap form into any dApp. Wallet connection, route aggregation, transaction execution, and theming are built in.
@dzapio/wallet is the multi-chain wallet layer the widget uses internally. Install it on its own when you want connect UI and account state without the swap/zap form.
Both packages sit on the DZap API and @dzapio/sdk.
@dzapio/widget and @dzapio/wallet are currently published as beta (0.0.1-beta.0). APIs are typed and usable; treat the version as pre-1.0.Which package?
If you install the widget, you do not need to install
@dzapio/wallet separately.
What you get
- Swap and bridge — Cross-chain token swaps with route comparison and slippage controls.
- Zap — One-click liquidity and yield actions (deposit, withdraw, migrate) across supported protocols.
- Multi-chain wallets — EVM (Wagmi / WalletConnect), Solana, Bitcoin, and Sui out of the box.
- Inline or drawer —
SwapWidget/ZapWidgetinline, orSwapButton/ZapButtonas a drawer trigger. - Theming — Light, dark, or auto, plus color, radius, font, and surface tokens.
- Host control — Default chains and tokens, provider allowlists, hidden/disabled UI, and lifecycle events.
How it fits DZap
Where to next
Installation
Packages, peers, styles, and bundler setup.
Quickstart
Provider + SwapWidget in a few lines.
Widget configuration
WidgetConfig: chains, providers, theme, hidden UI.Wallet package
Standalone
@dzapio/wallet for connect-only hosts.