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 implementing ERC721Claimable, such as the NFT Drop.

  • Built with our React SDK.
  • Uses Vite, TypeScript, and Tailwind.
  • Render NFT metadata with the NFT Renderer UI Component.
  • Configure wallet options with the Connect Wallet Button UI Component.
  • View contract metadata such as the name, remaining & total supply, description, etc.
  • Claim NFTs from the smart contract under the criteria of claim phases.
  • Compatible with all EVM chains.

Running locally

Deploy a new NFT Drop or import your existing one using the dashboard.

Configure your smart contract address and chain name in the consts/parameters.ts file.

Run the application from the command line:

npm run dev

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