Widget Playground

Paste a widget JSON payload to preview how it renders. Click actions to see the callback data.

JSON Input

{
  "widgets": [
    {
      "type": "audio_player",
      "title": "Preview Tracks",
      "agentName": "Synqabl",
      "items": [
        {
          "id": "track-1",
          "title": "Midnight Run",
          "subtitle": "Electronic / 128 BPM",
          "metadata": {
            "url": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
            "duration": 222
          },
          "actions": [
            {
              "label": "License",
              "type": "primary",
              "action": "purchase",
              "price": 29.99
            }
          ]
        },
        {
          "id": "track-2",
          "title": "Sunset Drive",
          "subtitle": "Lo-fi / 90 BPM",
          "metadata": {
            "url": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",
            "duration": 195
          },
          "actions": [
            {
              "label": "License",
              "type": "primary",
              "action": "purchase",
              "price": 19.99
            }
          ]
        }
      ]
    }
  ]
}

Live Preview

Preview Tracks

via Synqabl

Midnight Run

0:00 / 3:42

Electronic / 128 BPM

Sunset Drive

0:00 / 3:15

Lo-fi / 90 BPM