Murphy Logo Murphy
Metaplex

Mint CNFT Form

A Solana compressed NFT minting component with shadcn UI styling

Mint CNFT Form

Create CNFT
Create a new compressed NFT on Solana

Loading...

Installation

Install dependencies

Start by installing required Solana and Metaplex dependencies

pnpm add @solana/web3.js @solana/wallet-adapter-react @metaplex-foundation/umi-bundle-defaults @metaplex-foundation/umi-signer-wallet-adapters @metaplex-foundation/mpl-token-metadata @metaplex-foundation/mpl-bubblegum @metaplex-foundation/umi

Add Wallet Provider

Make sure you have added the Wallet Provider to your application. If not, follow the steps in the Connect Wallet Button guide first.

Add Mint CNFT Form

pnpm dlx shadcn@canary add https://www.murphyai.dev/r/mint-cnft-form.json

Basic Usage

import { MintCNFT } from "@/components/ui/murphy/mint-cnft-form";
export default function MyPage() {
  return (
    <div>
      <h1 className="text-xl font-bold mb-2">Create a Compressed NFT</h1>
      <MintCNFT className="max-w-md" />
    </div>
  );
}

Features

  • Connect with Solana wallet
  • Create compressed NFTs with minimal gas fees
  • Auto-create new collection NFT or use existing collection
  • Support for Merkle Trees (requires Merkle Tree address)
  • Customizable NFT metadata (name, symbol, URI)
  • Real-time network detection (devnet/mainnet)
  • Multi-stage UI (input, confirming, success, error)
  • Transaction signature display with explorer links
  • Error handling with automatic retry mechanism

Advanced Usage

You can specify a Merkle Tree address and an optional collection mint to use:

export default function MyPage() {
  return (
    <div>
      <h1 className="text-xl font-bold mb-2">Create a Compressed NFT</h1>
      <MintCNFT
        className="max-w-md"
        merkleTree="9zsqKmQHCFLG17LupALsZAtpppXx8aMihCCjKrG7HkGs"
        collectionMint="DUSTawucrTsGU8hcqRdHDCbuYhCPADMLM2VcCb8VnFnQ"
      />
    </div>
  );
}

Note: You need to have a valid Merkle Tree address to mint CNFTs. If you don't have one, use the Create Merkle Tree Form to create a new Merkle Tree.

On this page