/playground

Paste IL (JSON) → live preview

—

IL (JSON)

Auto-preview updates on pause

{
  "meta": {
    "id": "il-playground",
    "version": "1.0.0",
    "title": "IL Playground",
    "description": "Paste IL JSON and preview it live"
  },
  "layout": {
    "type": "stack",
    "gap": 16,
    "showCanvasFrame": true
  },
  "components": [
    {
      "id": "title",
      "type": "Typography.Title",
      "props": {
        "level": 3
      },
      "children": "IL Playground"
    },
    {
      "id": "desc",
      "type": "Typography.Paragraph",
      "children": "Paste your IL (JSON) on the left. The preview updates automatically. Use “Hide IL” to see the full result."
    },
    {
      "id": "card",
      "type": "Card",
      "props": {
        "title": "Example UI"
      },
      "children": [
        {
          "id": "row",
          "type": "Space",
          "props": {
            "direction": "horizontal"
          },
          "children": [
            {
              "id": "btn-primary",
              "type": "Button",
              "props": {
                "type": "primary"
              },
              "children": "Primary Action"
            },
            {
              "id": "btn-secondary",
              "type": "Button",
              "children": "Secondary"
            }
          ]
        }
      ]
    }
  ]
}

Preview

Live rendering

Paste IL to preview

Add a valid IL JSON schema on the left to render it here.

Tip: Click “Reset” to load a working example.