Vite Integration

Learn how to integrate LunoKit with Vite for a fast, modern development experience.

Environment Setup

Before running the example, you need to configure your WalletConnect ID:

1. Copy the environment file:

   cd examples/with-vite
   cp .env.example .env

2. Edit .env and replace VITE_WALLET_CONNECT_ID with your own WalletConnect ID:

   VITE_WALLET_CONNECT_ID=your_walletconnect_id

You can get a WalletConnect ID from WalletConnect Cloud.

Quick Start

git clone https://github.com/Luno-lab/LunoKit.git
cd LunoKit

# Install dependencies
pnpm install

# Build packages
pnpm build

# Start with-vite example
pnpm --filter with-vite dev

What You'll See

The example demonstrates:

• Basic LunoKit setup with Vite
• Multiple chains (Polkadot, Kusama, Westend, Paseo)
• Multiple wallets (Polkadot{.js}, SubWallet, Talisman, Polkagate, Walletconnect, NovaWallet)
• Account connection and balance display
• Theme color switching
• SignMessage functionality
• Transfer transaction

Live Demo

Try the live demo: Vite Example

Source Code

View the complete source code: GitHub - with-vite