Murphy

View NFT Form

Open in

View NFT

Lookup and display information of NFTs on Solana

Installation

Install dependencies

Start by installing required Solana dependencies

pnpm add @solana/web3.js @solana/wallet-adapter-react

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 View NFT Form

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

Basic Usage

import { GetNFT } from "@/components/ui/murphy/get-nft-form";

export default function MyPage() {
  return (
    <div>
      <h1 className="text-xl font-bold mb-2">View NFT Information</h1>
      <GetNFT className="max-w-md" />
    </div>
  );
}

Features

Connect with Solana wallet
Search for NFTs using their mint address
Display NFT image, name, and description
Show NFT metadata including owner, balance, and data size
View NFT on blockchain explorer
Network detection (devnet/mainnet)
Multi-stage UI (input, loading, success, error)
Error handling with retry capability

View NFT Form

View NFT Form

Installation

Basic Usage

Features

On this page