# ai-builder/2.2.3/assets/JSON-Blocks/list.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.2.3. 182 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.2.3/code/assets/JSON-Blocks/list.js
- Raw: https://pluginprobe.com/plugins/ai-builder/2.2.3/raw/assets/JSON-Blocks/list.js
- Modified: 2025-08-23T08:19:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.2.3/code/assets/JSON-Blocks/list.js#L10-L20`.

```javascript
const listBlocks = [
  {
    id: "list-01",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "center",
        className: "list-container list-bullet",
        style: {
          color: {
            background: "#ffffff",
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Key Features",
            level: 2,
            className: "list-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/list",
          attrs: {
            className: "list-content",
            ordered: false,
          },
          innerBlocks: [
            {
              blockName: "core/list-item",
              attrs: {
                content: "Easy to use interface",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Responsive design",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Customizable options",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "24/7 support available",
              },
            },
          ],
        },
      ],
    },
  },
  {
    id: "list-02",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "center",
        className: "list-container list-numbered",
        style: {
          color: {
            background: "#f8f9fa",
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "How It Works",
            level: 2,
            className: "list-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/list",
          attrs: {
            className: "list-content",
            ordered: true,
          },
          innerBlocks: [
            {
              blockName: "core/list-item",
              attrs: {
                content: "Sign up for an account",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Choose your plan",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Set up your profile",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Start using the platform",
              },
            },
          ],
        },
      ],
    },
  },
  {
    id: "list-03",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "center",
        className: "list-container list-icon",
        style: {
          color: {
            background: "#ffffff",
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Our Services",
            level: 2,
            className: "list-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/list",
          attrs: {
            className: "list-content",
            ordered: false,
          },
          innerBlocks: [
            {
              blockName: "core/list-item",
              attrs: {
                content: "Web Development",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Mobile Applications",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "UI/UX Design",
              },
            },
            {
              blockName: "core/list-item",
              attrs: {
                content: "Digital Marketing",
              },
            },
          ],
        },
      ],
    },
  },
];

export default listBlocks;

```