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.
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
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
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
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
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
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
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
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
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:
- ๐
ConnectWalletUI integration - ๐งฐ
ThirdwebProvidersetup 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
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
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:
- ๐ฒ
IEntropyConsumercontract 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
-
Choose a Template
- Browse the templates above and select one that fits your needs
- Each template includes detailed documentation in its README
-
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
-
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.)
-
Start Building
- Customize the template to your needs
- Deploy to your preferred platform
- Build amazing things on Monad! ๐
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)
- Monad Documentation - Official Monad blockchain docs
- Monad Explorer - Explore Monad blockchain
- Monad Testnet - Testnet information
- Monad Discord - Community support
Contributions are welcome! If you have a template that would be useful for the Monad ecosystem:
- Fork this repository
- Create your template in a new directory
- Add a comprehensive README
- Submit a pull request
These templates are provided as-is for educational and development purposes. Check individual template directories for specific licenses.
- 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! ๐