Web AppKit Examples
July 8, 2026 · View on GitHub
Web AppKit Examples
This repository provides examples of how to integrate and use AppKit in various frameworks, including Javascript,Next.js, React, and Vue. These examples are designed to demonstrate best practices and simplify the integration process.
🔧 About Reown AppKit
Reown AppKit is a comprehensive, open-source SDK designed to streamline the development of modern Web3 applications. It offers a suite of modular tools that simplify user onboarding, authentication, transactions, and engagement across multiple blockchain networks.
🚀 Key Features
-
Universal Authentication
Support for email, social logins, and one-click authentication using SIWX, enabling seamless user access across EVM, Solana, Bitcoin, Tron and Ton networks.
Read more → -
Smart Accounts
Enhance user security and convenience with multi-signature authorization and automated transaction workflows.
Read more → -
On-Ramp & Swaps
Let users buy crypto and swap tokens directly within your app.
Read more → -
Multi-Chain Support
Works seamlessly with EVM chains, Solana, and Bitcoin.
Read more → -
Customizable UI
Themeable components with support for light/dark modes and brand styling.
Read more → -
Extensive Wallet Compatibility
Connects with over 600 wallets including MetaMask, Coinbase Wallet, Trust Wallet, and more.
Read more →
Reown AppKit is framework-agnostic and supports React, Vue, Next.js, React Native, Flutter, Android, iOS, and Unity — giving developers the flexibility to build seamless and secure Web3 experiences across platforms.
📚 Explore the full documentation: docs.reown.com/appkit
Examples Included
Each framework has examples for the implementation with wagmi, ethers, solana, bitcoin and multichain (wagmi & solana)
| Framework | Integration | Live Demo | Fork on Stackblitz |
|---|---|---|---|
| Javascript | ethers | Demo | Fork |
| wagmi | Demo | Fork | |
| Solana | Demo | Fork | |
| Bitcoin | Demo | Fork | |
| Next.js | ethers | Demo | Fork |
| wagmi | Demo | Fork | |
| Solana | Demo | Fork | |
| Bitcoin | Demo | Fork | |
| Multichain | Demo | Fork | |
| React | ethers | Demo | Fork |
| wagmi | Demo | Fork | |
| Solana | Demo | Fork | |
| Bitcoin | Demo | Fork | |
| Multichain | Demo | Fork | |
| Vue | ethers | Demo | Fork |
| wagmi | Demo | Fork | |
| Solana | Demo | Fork | |
| Bitcoin | Demo | Fork | |
| Multichain | Demo | Fork |
Structure
.
├── javascript/ # Web AppKit with Javascript
├──────── javascript-bitcoin
├──────── javascript-ethers
├──────── javascript-multichain # Wagmi + Solana
├──────── javascript-solana
├──────── javascript-wagmi
├── nextjs/ # Web AppKit with NextJS
├──────── next-bitcoin-app-router
├──────── next-ethers-app-router
├──────── next-multichain-app-router # Wagmi + Solana
├──────── next-siwe-next-auth
├──────── next-siwx-multichain
├──────── next-siwx-multichain-supabase-storage
├──────── next-solana-app-router
├──────── next-tron-app-router
├──────── next-wagmi-app-router
├── react/ # Web AppKit with React
├──────── react-bitcoin
├──────── react-ethers
├──────── react-ethers5
├──────── react-multichain # Wagmi + Solana + Bitcoin
├──────── react-multichain-bitcoin-evm-tron # Bitcoin + EVM + Tron
├──────── react-siwe-server-example
├──────── react-solana
├──────── react-tron
├──────── react-wagmi
├──────── react-wagmi-authentication-SIWX # Reown Authentication
├──────── react-wagmi-smart-session
├── vue/ # Web AppKit with Vue
├──────── vue-bitcoin
├──────── vue-ethers
├──────── vue-multichain # Wagmi + Solana
├──────── vue-solana
├──────── vue-universal-connector
└──────── vue-wagmi