VisualSign Playground

Paste your VisualSign JSON to see how it renders in the UI

JSON Input

{
  "Version": "0",
  "Title": "Solana Transaction",
  "Fields": [
    {
      "Type": "text_v2",
      "Label": "Network",
      "FallbackText": "",
      "TextV2": {
        "Text": "Solana Mainnet"
      }
    },
    {
      "Type": "text_v2",
      "Label": "Action",
      "FallbackText": "",
      "TextV2": {
        "Text": "Token Transfer"
      }
    },
    {
      "Type": "amount_v2",
      "Label": "Amount",
      "FallbackText": "",
      "AmountV2": {
        "Amount": "100.50",
        "Currency": "USDC"
      }
    },
    {
      "Type": "address_v2",
      "Label": "Recipient",
      "FallbackText": "",
      "AddressV2": {
        "Address": "7xKXtg2CW87d5TXQ3ZrhQoLpLdpNczFeiVVTSxpmyN",
        "Name": "Alice's Wallet",
        "BadgeText": "Verified"
      }
    },
    {
      "Type": "preview_layout",
      "Label": "Transaction Details",
      "FallbackText": "",
      "PreviewLayout": {
        "Title": {
          "Text": "Additional Information"
        },
        "Subtitle": {
          "Text": "Click to expand"
        },
        "Condensed": {
          "Fields": [
            {
              "Type": "text_v2",
              "Label": "Fee",
              "FallbackText": "",
              "TextV2": {
                "Text": "0.000005 SOL"
              }
            }
          ]
        },
        "Expanded": {
          "Fields": [
            {
              "Type": "text_v2",
              "Label": "Fee",
              "FallbackText": "",
              "TextV2": {
                "Text": "0.000005 SOL"
              }
            },
            {
              "Type": "text_v2",
              "Label": "Block",
              "FallbackText": "",
              "TextV2": {
                "Text": "234567890"
              }
            },
            {
              "Type": "text_v2",
              "Label": "Timestamp",
              "FallbackText": "",
              "TextV2": {
                "Text": "2024-11-22 00:00:00 UTC"
              }
            }
          ]
        }
      }
    }
  ]
}

Rendered Output

Solana Transaction

Network

Solana Mainnet

Action

Token Transfer

Amount

100.50 USDC

Recipient

Alice's Wallet

7xKXtg2CW87d5TXQ3ZrhQoLpLdpNczFeiVVTSxpmyN

✓ Verified

Transaction Details

Additional Information

Click to expand

Fee

0.000005 SOL

How to Use

Paste your VisualSign JSON in the left panel or click "Load Sample" to start with example data
Click "Visualize Transaction" to see the rendered output
The transaction will be displayed with all fields properly formatted on the right
Expandable sections can be clicked to show more details

Supported Field Types

text_v2 - Text display

amount_v2 - Amount with currency

address_v2 - Blockchain address

list_layout - Grouped fields

preview_layout - Expandable sections

divider - Visual separator