Nft Marketplace

NFT marketplace design, collection pages, minting UX, bidding flows, and digital collectible display.

dragoon0x Updated

File contents

NFT Marketplace Design

Collection Page

  • Banner + avatar + collection name
  • Stats bar: floor price, total volume, items, owners
  • Description with social links
  • Grid of items with filter/sort
  • Activity feed (recent sales, listings)

Item Display

  • Large media display (image, video, 3D, audio with visualization)
  • Title, collection name, creator
  • Current price or highest bid
  • Rarity rank (if applicable)
  • Properties/traits as tags with rarity percentage
  • Ownership history (provenance)
  • Buy Now / Place Bid / Make Offer CTAs

Minting

  • Collection page with mint button
  • Quantity selector
  • Total cost: mint price + gas estimate
  • Countdown timer for timed mints
  • Progress indicator during minting
  • Reveal experience (if delayed reveal)

Bidding

  • Current highest bid displayed
  • Bid input with minimum validation
  • Bid expiration setting
  • Outbid notification
  • Easy bid management (view active bids, cancel)

Profile

  • Owned items grid
  • Created items
  • Activity history
  • Favorited items
  • Offers made/received

dragoon0x/everything-design-taste/tree/main/skills/nft-marketplace commit 062f16abea

Frequently asked questions

npx skillmds@latest add dragoon0x/nft-marketplace