thirdweb
thirdweb
thirdweb

Contact Us
Screenshot of NFT Drop template

NFT Drop

Allow users to claim tokens under the criteria of claim conditions to receive ERC721 NFT(s).

ERC721
Custom Claim Conditions

Author

Icon of thirdweb.eththirdweb.eth
View DemoView Repo
Screenshot of NFT Drop template

This template is using

NFTDrop Contract
Deploy your own

Get started

Kick start your project by copying this command into your CLI.

npx thirdweb create --template erc721

Overview

A web and mobile friendly page for users to claim NFTs from a smart contract implementingERC721Claimable, such as theNFT Drop.

  • Built with ourReact SDK.
  • Uses Vite, TypeScript, and Tailwind.
  • Render NFT metadata with theNFT RendererUI Component.
  • Configure wallet options with theConnect Wallet ButtonUI Component.
  • Viewcontract metadatasuch as the name, remaining & total supply, description, etc.
  • Claim NFTs from the smart contract under the criteria ofclaim phases.
  • Compatible with all EVM chains.

Running locally

Deploy a newNFT Dropor import your existing one using thedashboard.

Configure your smart contract address and chain name in theconsts/parameters.tsfile.

Run the application from the command line:

npm run dev

This will make the application available to preview athttp://localhost:3000.