Installation
Install and configure W3-Kit for your Web3 application.
Create project
Run the following command to create a new project or set up an existing one:
npx w3-kit@latest init
Add Components
You can now start adding components to your project. For example, to add the NFT Collection Grid component:
npx w3-kit@latest add nft-collection-grid
The command above will:
- Create a
components/ui
directory in your project - Copy the selected component to
components/ui/nft-collection-grid
- Create a config directory and copy the
tokens.ts
file - Add all necessary dependencies to your
package.json
Example Usage
You can then import and use the component in your code like this:
import { NFTCollectionGrid } from '@/components/ui/nft-collection-grid'
export default function Home() { return ( <div> <NFTCollectionGrid /> </div> ) }