Shadcn.io is not affiliated with official shadcn/ui
React NFT Collection Gallery Block
A React and Next.js NFT gallery block built with shadcn/ui and Tailwind CSS. Features collection filtering, floor prices, and hover details.
A React and Next.js NFT collection gallery built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Displays NFTs in a responsive grid with rarity ranks, floor prices, and hover-reveal details using clean monochrome styling. Perfect for Web3 portfolio pages, collection browsers, and NFT marketplace storefronts.
React NFT Collection Gallery Block preview
Installation
Related Components
NFT Detail
Single NFT detail view
NFT Marketplace
Browse and buy NFTs
Collection Stats
NFT collection analytics
Rarity Checker
Check NFT rarity scores
Floor Price
Track collection floors
NFT Transfer
Transfer NFTs between wallets
FAQ
Was this page helpful?
Sign in to leave feedback.
React NFT Detail View Block
A React and Next.js NFT detail page built with shadcn/ui Button, Badge and Tailwind CSS for traits and history
React NFT Marketplace Listing Block
A React and Next.js NFT marketplace block built with shadcn/ui and Tailwind CSS. Features filterable listings, sort options, and buy/offer actions.