Home/Docs/Installation

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> ) }