👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
NFT Collection Preview
NFT collection preview with pixel art showcasing digital assets with owner profiles and trader roles
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Building an NFT marketplace or collection gallery? This React component displays pixel art NFTs with shadcn/ui Cards and Avatar components. Each card shows the NFT preview image, token ID number, collection name, owner avatar with wallet address, and role badges for traders and owners. Perfect for Web3 galleries, NFT marketplaces, or digital art collections where you need clean, professional NFT presentation with owner attribution.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/nft-collection-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/nft-collection-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/nft-collection-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/nft-collection-01.jsonRelated blocks you will also like
Web3 Wallet Connect
Connect wallet button with providers
NFT Mint Card
Mint interface for NFTs
NFT Marketplace Grid
Browse and buy NFTs
Card Grid Layout
Responsive card grid pattern
Avatar Group
Multiple user avatars
Status Badge
Role and status indicators