Skip to content

XRPL Wallet Kit

Main Navigation Docs Playground Theme Builder API Reference

Appearance

Sidebar Navigation

Getting Started

Introduction

Installation

Quick Start

Playground

🎨 Theme Builder

Frameworks

React

Next.js

Vue 3

Nuxt 3

Vanilla TypeScript

HTML (Legacy / CDN)

Configuration

Theming

Networks

Localization (i18n)

Connect Button

Recent Transactions

Identity & Avatar

Authentication

Sign In with XRPL

Next.js Integration

Custom Backend (Express)

Adapters

Overview

Xaman

GemWallet

WalletConnect

Crossmark

Ledger (Hardware)

DropFi

XRPL Snap (MetaMask)

Otsu Wallet

Advanced

Events & Hooks

Bundle & Performance

Headless Core

Custom Adapter

🤖 Building with AI

API Reference

WalletManager

WalletModal & WalletButton

WalletInline

WalletToast

createWalletKit

Errors

Guides

Going Live

Migration Guide

XRPL Wallet Kit

Theme Builder

Configure the wallet modal live — copy the generated config when you're done.

Presets

Layout

Mode

Modal Size

Font

Style

Size

Accent

Accent Text

Success

Error

Background

Text

Muted

Surface

Surface Hover

Border

Backdrop

Overlay Blur 0px

Header Background

Spinner Trail

Modal 14px

Item 10px

Generated Config

const modal = new WalletModal({
  manager,
})

Released under the MIT License.

Copyright © 2026 XRPL Wallet Kit Contributors