thirdweb
thirdweb
thirdweb

Contact Us
Screenshot of NFT Gallery template

NFT Gallery

View the metadata of all NFTs in your collection, where you can filter and sort by traits & properties.

ERC721
ERC1155

Author

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

Get started

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

npx thirdweb create --template nft-gallery

Overview

Showcase your NFT collection with a gallery application that allows users to view the metadata of all NFTs in your collection.

  • Built with ourReact SDK.
  • Uses Vite, TypeScript, and Tailwind.
  • Compatible with both ERC721 and ERC1155 NFT collections.
  • Display all NFTs from your collection using theNFT Media RendererUI component.
  • Search for NFTs by token ID, or paginate through all NFTs.
  • Compatible with all EVM chains.

Running locally

Deploy a newNFT collectionor import your existing one using thedashboard.

Set 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.