Skip to content
Home/Docs/Components/Nft-collection-grid

NFT Collection Grid

A responsive grid component for displaying NFT collections with customizable layouts and interactive features.

Azuki #9839

Azuki #9839

Azuki · #9839

Background:BlueType:HumanEyes:Red
0x1234...5678Ethereum
Bored Ape #7329

Bored Ape #7329

Bored Ape Yacht Club · #7329

Background:YellowFur:BrownEyes:Bored
0x9876...5432Ethereum
Doodle #8147

Doodle #8147

Doodles · #8147

Background:PurpleBody:RainbowFace:Happy
0xabcd...ef12Ethereum
Cool Cat #1490

Cool Cat #1490

Cool Cats · #1490

0x1234...5678Ethereum
Moonbird #7816

Moonbird #7816

Moonbirds · #7816

0xfedc...ba98Ethereum
CloneX #18327

CloneX #18327

CloneX · #18327

0x210f...edcbEthereum

Installation

Run the following command to add the NFT Collection Grid component to your project:

npx shadcn@latest add https://w3-kit.com/registry/nft-collection-grid.json

This will:

  • Create the component in your components/ui directory
  • Add all necessary dependencies to your package.json
  • Set up required configuration files
  • Add NFT utilities to your project