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.

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-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
├── vue/      # Web AppKit with Vue
├──────── vue-bitcoin    # AppKit Core
├──────── vue-core
├──────── vue-ethers
├──────── vue-multichain (wagmi+solana)
├──────── vue-solana
└──────── vue-wagmi