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.
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.
-
Universal Authentication
Support for email, social logins, and one-click authentication using SIWX, enabling seamless user access across EVM, Solana, and Bitcoin networks.
Read more → -
Smart Accounts
Enhance user security and convenience with multi-signature authorization and automated transaction workflows.
Read more → -
Smart Sessions
Enable dApps to perform specific blockchain actions on behalf of users for a defined period, eliminating the need for repeated approvals.
Read more → -
On-Ramp & Swaps
Let users buy crypto and swap tokens directly within your app.
Read more → -
Notifications
Deliver important updates directly to users’ wallets or in-app using Web3-native notifications.
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
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 | |
| AppKit Pay | Demo | Fork | |
| Vue | ethers | Demo | Fork |
| wagmi | Demo | Fork | |
| Solana | Demo | Fork | |
| Bitcoin | Demo | Fork | |
| Multichain | Demo | Fork |
.
├── javascript/ # Web AppKit with Javascript
├──────── javascript-bitcoin
├──────── javascript-core # AppKit Core
├──────── javascript-ethers
├──────── javascript-multichain # Wagmi + Solana
├──────── javascript-wagmi
├──────── javascript-solana
├── nextjs/ # Web AppKit with NextJS
├──────── next-bitcoin-app-router
├──────── next-core-app-router # AppKit Core
├──────── next-siwe-next-auth
├──────── next-siwx-multichain-supabase-storage
├──────── next-siwx-multichain
├──────── next-wagmi-app-router
├──────── next-ethers-app-router
├──────── next-solana-app-router
├──────── next-multichain-app-router # Wagmi + Solana
├── react/ # Web AppKit with React
├──────── react-bitcoin
├──────── react-core # AppKit Core
├──────── react-wagmi
├──────── react-ethers
├──────── react-ethers5
├──────── react-multichain # Wagmi + Solana
├──────── react-solana
├──────── react-siwe-server-example
├──────── react-wagmi-appkit-pay
├── vue/ # Web AppKit with Vue
├──────── vue-bitcoin
├──────── vue-core # AppKit Core
├──────── vue-ethers
├──────── vue-multichain (wagmi+solana)
├──────── vue-solana
└──────── vue-wagmi