Skip to content

Kali-Decoder/awesome-monad-hackathon-templates

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

23 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Awesome Monad Hackathon Templates

A collection of production-ready templates for building on the Monad blockchain. These templates provide complete implementations for common Web3 use cases, helping developers quickly bootstrap their Monad projects.

๐Ÿ“‹ Table of Contents

๐Ÿš€ Templates

1. Portfolio Viewer Using Moralis API

Template Name: monad-portfolio-viewer-using-moralis-api

Introduction: A comprehensive Next.js template for building a cryptocurrency portfolio viewer on the Monad blockchain. This template demonstrates how to integrate Moralis API for token data, Reown AppKit for wallet connectivity, and provides a modern, responsive UI for displaying wallet balances.

Key Features:

  • ๐Ÿ”Œ Wallet connection using Reown AppKit
  • ๐Ÿ” Address search - view any wallet's portfolio without connecting
  • ๐Ÿ’ฐ Real-time token balances and USD values
  • ๐ŸŒ Network toggle (Testnet/Mainnet)
  • ๐Ÿ“ฑ Responsive design with custom fonts
  • โšก Optimized with React Query caching

Tech Stack: Next.js 16, TypeScript, Tailwind CSS, Moralis API, Reown AppKit, Wagmi

Template URL: monad-portfolio-viewer-using-moralis-api/

Documentation: Full README


2. Token Swaps Using Kuru Flow

Template Name: monad-add swaps to your app using Kuru-template

Introduction: A production-ready Next.js template for integrating token swaps on Monad blockchain using the Kuru Flow API. This template provides a complete swap interface with wallet connection, quote fetching, and transaction execution, perfect for building DeFi applications on Monad.

Key Features:

  • ๐Ÿ’ฑ Token swap interface with real-time quotes
  • ๐Ÿช™ Native MON support (swap without wrapping)
  • ๐Ÿ”— Wallet integration via Reown AppKit
  • ๐Ÿ’ต Referral fee system
  • ๐Ÿ” JWT authentication
  • ๐Ÿ“Š Transaction tracking

Tech Stack: Next.js, TypeScript, Tailwind CSS, Kuru Flow API, Reown AppKit

Template URL: monad-add swaps to your app using Kuru-template/

Documentation: Full README

Live Demo: example-repo-kuru-flow.vercel.app


3. x402 Payment Protocol

Template Name: monad-x402-template

Introduction: A Next.js template demonstrating the x402 Payment Protocol using Thirdweb Facilitator on Monad Testnet. This template provides a complete implementation of HTTP 402 Payment Required, enabling pay-per-use API endpoints with seamless crypto payments.

Key Features:

  • ๐Ÿ’ณ Complete x402 protocol implementation
  • ๐Ÿ”„ Thirdweb Facilitator integration
  • ๐ŸŒ Monad Testnet support
  • ๐Ÿ“ Interactive demo UI with real-time logging
  • ๐Ÿ” Wallet integration and payment signing

Tech Stack: Next.js, TypeScript, Tailwind CSS, Thirdweb, x402 Protocol

Template URL: monad-x402-template/

Documentation: Full README

Learn More: x402 Protocol Specification


4. Oracle Integration (Hardhat)

Template Name: monad-oracles-hardhat-template

Introduction: A comprehensive Hardhat template for integrating all oracles supported by Monad blockchain. This template provides ready-to-use contracts and scripts for deploying and interacting with multiple oracle providers.

Supported Oracles:

  • ๐Ÿ“Š Chronicle Oracle
  • ๐Ÿ Pyth Network
  • ๐Ÿ”ด Redstone Oracle
  • ๐Ÿฆ… Stork Oracle
  • ๐Ÿ”„ Switchboard

Key Features:

  • ๐Ÿ“ฆ Multiple oracle provider support
  • ๐Ÿ”ง Ready-to-use contracts and scripts
  • ๐Ÿ“ Comprehensive deployment guides
  • ๐Ÿงช Testing utilities
  • ๐Ÿ“š Detailed documentation for each oracle

Tech Stack: Hardhat, Solidity, TypeScript, Ethers.js

Template URL: monad-oracles-hardhat-template/

Documentation: Full README


5. Token Tracker (Envio Indexer)

Template Name: Monad-Envio-token-tracker-template

Introduction: A production-ready Envio indexer template for tracking ERC20 tokens and pools on the Monad blockchain. This template indexes token creation events, extracts token metadata (name, symbol, decimals), and stores them in a queryable GraphQL database.

Key Features:

  • ๐Ÿ“ก Real-time blockchain event indexing
  • ๐Ÿ—„๏ธ GraphQL database for querying
  • ๐Ÿ” Token metadata extraction
  • ๐ŸŠ Pool tracking (Uniswap V3 compatible)
  • โšก Fast and efficient indexing

Tech Stack: Envio, GraphQL, TypeScript, Solidity

Template URL: Monad-Envio-token-tracker-template/

Documentation: Full README

Learn More: Envio Documentation


6. Farcaster Push Notifications

Template Name: farcaster-push-notification-template

Introduction: A production-ready Next.js template for building Farcaster Mini Apps with integrated wallet connectivity and push notifications. This template demonstrates how to create interactive applications that run within Farcaster clients (like Warpcast), offering native integration with the social network and seamless wallet connectivity on Monad blockchain.

Key Features:

  • ๐Ÿ” Farcaster SDK integration with full user context access
  • ๐Ÿ’ผ WalletConnect support via Reown AppKit with Farcaster Mini App connector
  • ๐ŸŒ Monad Testnet pre-configured (Chain ID: 10143)
  • ๐Ÿ“ฑ Native Farcaster actions (compose casts, view profiles, add frames)
  • ๐Ÿ”” Push notification system for users who add your Mini App
  • ๐Ÿ‘ค User context access (username, FID, display name, PFP)
  • ๐ŸŽจ Modern UI with Tailwind CSS and responsive design
  • โšก Next.js 14 with App Router and server components

Tech Stack: Next.js 14, TypeScript, Tailwind CSS, Farcaster SDK, Reown AppKit, Wagmi, Upstash Redis

Template URL: farcaster-push-notification-template/

Documentation: Full README

Learn More: Farcaster Mini Apps Documentation


7. Embedded Wallet (Privy)

Template Name: Monad Embeded Wallet Template

Introduction: A clean starter template for Monad Testnet apps with Privy authentication, embedded wallet UX, and smart-contract interactions.

Key Features:

  • ๐Ÿ” Privy authentication with embedded EVM wallet
  • ๐ŸŒ Monad Testnet chain configuration via Wagmi + Viem
  • ๐Ÿ’ธ Deposit and withdraw wallet modals
  • ๐Ÿงฎ Counter contract integration (getMyCount, totalCount, increaseCounter)
  • ๐Ÿ“ฑ Responsive Next.js App Router UI

Tech Stack: Next.js 16, React 19, TypeScript, Tailwind CSS, Wagmi, Viem, Privy

Template URL: Monad Embeded Wallet Template/

Documentation: Full README


8. Smart Wallet (Privy)

Template Name: Smart-Wallet-Privy-Template

Introduction: A production-ready Next.js template for Privy smart wallets on Monad Testnet, focused on smooth onboarding and secure auth flows.

Key Features:

  • ๐Ÿค– Automatic smart wallet creation via Privy
  • ๐Ÿ’ผ Embedded wallet UX (no extension required)
  • ๐Ÿ”„ Batch transaction examples
  • ๐Ÿ”’ Server-side token verification
  • ๐ŸŒ Monad Testnet preconfigured

Tech Stack: Next.js, TypeScript, Tailwind CSS, Privy Auth, Viem

Template URL: Smart-Wallet-Privy-Template/

Documentation: Full README


9. Thirdweb Wallet Connection

Template Name: Thirdweb Wallet-Template

Introduction: A simple Next.js App Router template for adding Thirdweb wallet connection UI with configurable provider and supported wallets.

Key Features:

  • ๐Ÿ”Œ ConnectWallet UI integration
  • ๐Ÿงฐ ThirdwebProvider setup for supported wallets
  • ๐Ÿงฑ Next.js App Router structure
  • โš™๏ธ Env-based Thirdweb client configuration

Tech Stack: Next.js 13, React 18, Thirdweb React v4, Ethers v5

Template URL: Thirdweb Wallet-Template/

Documentation: Full README


10. Staking dApp

Template Name: Monad-Staking-Template

Introduction: A complete starter for building and running a Monad Testnet staking application, including Hardhat contracts and a Next.js frontend.

Key Features:

  • ๐Ÿช™ Staking + reward token contracts
  • ๐Ÿš€ Deployment scripts for Monad Testnet
  • ๐ŸŽ›๏ธ Reward schedule controls (setRewardsDuration, notifyRewardAmount)
  • ๐Ÿ–ฅ๏ธ Frontend dashboard for staking interactions
  • ๐Ÿงช Testing-ready contract project

Tech Stack: Hardhat, Solidity, TypeScript, Next.js, Tailwind CSS

Template URL: Monad-Staking-Template/

Documentation: Root README


11. Pyth VRF

Template Name: pyth-vrf-template

Introduction: A working Monad Testnet template for Pyth Entropy (VRF-style randomness), including deploy and end-to-end randomness test scripts.

Key Features:

  • ๐ŸŽฒ IEntropyConsumer contract implementation
  • ๐Ÿšข Deploy script for Monad Testnet
  • โœ… End-to-end randomness request and callback verification script
  • ๐ŸŒ Preconfigured Monad Testnet network setup

Tech Stack: Hardhat, Solidity, TypeScript, Pyth Entropy

Template URL: pyth-vrf-template/

Documentation: Full README


๐ŸŽฏ Getting Started

Quick Start

  1. Choose a Template

    • Browse the templates above and select one that fits your needs
    • Each template includes detailed documentation in its README
  2. Clone or Use Template

    # Clone the entire repository
    git clone <repository-url>
    cd awesome-monad-hackathon-templates
    
    # Navigate to your chosen template
    cd monad-portfolio-viewer-using-moralis-api
  3. Follow Template-Specific Setup

    • Each template has its own setup instructions
    • Check the template's README for prerequisites and installation steps
    • Most templates require environment variables (API keys, etc.)
  4. Start Building

    • Customize the template to your needs
    • Deploy to your preferred platform
    • Build amazing things on Monad! ๐Ÿš€

Prerequisites

Most templates require:

  • Node.js 18+ installed
  • npm, yarn, pnpm, or bun package manager
  • Monad Testnet configured in your wallet (for testing)
  • API Keys (varies by template - check individual READMEs)

๐Ÿ“š Resources

๐Ÿค Contributing

Contributions are welcome! If you have a template that would be useful for the Monad ecosystem:

  1. Fork this repository
  2. Create your template in a new directory
  3. Add a comprehensive README
  4. Submit a pull request

๐Ÿ“ License

These templates are provided as-is for educational and development purposes. Check individual template directories for specific licenses.

โš ๏ธ Important Notes

  • Testnet First: Always test on Monad Testnet before deploying to mainnet
  • API Keys: Keep your API keys secure and never commit them to version control
  • Rate Limits: Be aware of API rate limits for services like Moralis
  • Network Support: Verify that all services support Monad network

Built with โค๏ธ for the Monad ecosystem

Happy Building! ๐ŸŽ‰

About

awesome-monad-hackathon-templates

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors