hellno/mini-app-ui

NFT Composition Example

NFT Image

Example Implementation

import { NFTMintFlow } from "@/registry/mini-app/blocks/nft-mint-flow/nft-mint-flow";

export function NFTShowcase() {
  return (
    <div className="w-full max-w-md mx-auto space-y-6">
      <NFTMintFlow
        contractAddress="0x32dd0a7190b5bba94549a0d04659a9258f5b1387"
        tokenId="2"
        network="base"
        chainId={8453}
        provider="manifold"
        manifoldParams={{
          instanceId: "4293509360",
          tokenId: "2"
        }}
        buttonText="Mint with $HIGHER"
        cardSize={350}
      />
    </div>
  );
}