Examples

Explore real-world implementations of WaaP integration to see best practices and get inspiration for your own projects.

Quick Start Examples

Quick Start Examples

Quick start examples are available in the WaaP Examples repository.

You can get each example project folder using npx gitpick.

To get started instantly with these quick start examples,

• you can run them on CodeSandbox
• or you can clone the repository and run them locally

Use the link and code below to get started with your preferred flavor: plain, wagmi, or ethers.

plain

→ View source code | → Try on CodeSandbox

npx gitpick holonym-foundation/waap-examples/tree/main/waap-plain-nextjs
cd waap-plain-nextjs
npm install
npm run dev

wagmi

→ View source code | → Try on CodeSandbox

npx gitpick holonym-foundation/waap-examples/tree/main/waap-wagmi-nextjs
cd waap-wagmi-nextjs
npm install
npm run dev

ethers v6

→ View source code | → Try on CodeSandbox

npx gitpick holonym-foundation/waap-examples/tree/main/waap-ethers-nextjs
cd waap-ethers-nextjs
npm install
npm run dev

You can get started afresh with these examples or just copy and paste relevant context provider and hook into your existing projects.

Some wallet specific methods and EIP-1193 methods are implemented in /components/methods/ folder. 1 method per component for easier reference.

For detailed explanation, see Quick Start Examples page. Repository also contains detailed README.md files for each example.

• Plain + Next.js
• Wagmi + Next.js
• Ethers v6 + Next.js

Other Examples and Templates

• welcome.human.tech App - A complete Next.js application showcasing WaaP + Human Passport integration with modern UI/UX, multi-chain support, and production-ready features. (source)
• Quilombo - Axé DAO App by j-h-scheufen (source)
• WaaP Demo App - Full-featured demo showcasing all functionality (source)
• Next.js + Viem Template - Template app using WaaP and Viem by nestorbonilla (source)

Detailed Code Walkthrough

Learn from a real-world implementation

Human Passport Verification Demo

Human Passport Verification Demo is a complete Next.js application showcasing WaaP + Human Passport integration with modern UI/UX, multi-chain support, and production-ready features.

Refer to this integration with Human Passport recipe for detailed code walkthrough.

Contributing Examples

Have you built something amazing with WaaP? We'd love to showcase your work!

Submit your example →

Include:

• Live demo URL
• GitHub repository link
• Brief description of what makes it unique
• Technologies used