{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bento",
    "name": "Bento Grids",
    "description": "集中看模块化卡片布局，适合产品功能与优势展示。",
    "category": "网页布局",
    "tags": [
      "Bento",
      "功能展示",
      "卡片布局"
    ],
    "url": "https://bentogrids.com/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bento/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bento/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 288,
    "scope": {
      "status": "公开案例目录",
      "note": "官网公开数据中的案例均已收录，链接使用原站实际详情路由。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://bentogrids.com/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：集中看模块化卡片布局，适合产品功能与优势展示。"
          }
        ]
      }
    ],
    "featuredSamples": [
      {
        "id": "bento-1",
        "title": "浅色模块化布局",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "浅色模块布局：内容被拆分成大小不同的说明卡片。",
        "linkType": "collection"
      },
      {
        "id": "bento-2",
        "title": "深色模块化布局",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "深色模块布局：通过卡片尺寸与插图强调不同内容。",
        "linkType": "collection"
      },
      {
        "id": "bento-3",
        "title": "高对比营销模块",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "高对比模块布局：多块营销信息在同一网格中组织。",
        "linkType": "collection"
      }
    ]
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 288,
    "totalPages": 4,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "2d416704805784d3",
      "title": "Bento grids at MedusaJS",
      "url": "https://bentogrids.com/shots/clt9v37bn0005wqn9e6c1tapf",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7205936a8e9b3b36",
      "title": "Bento grid at MagicUI",
      "url": "https://bentogrids.com/shots/clt9u0qd70001u8wcdkt5e5c4",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0a978350cbd15e1",
      "title": "Bento grids at Shortcut",
      "url": "https://bentogrids.com/shots/clt7gmqeu0005rwb4j6cavbf8",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5c29429679ea7f51",
      "title": "Bento box by Mizko (@mizko)",
      "url": "https://bentogrids.com/shots/clt62ay020001ac7tq678qztb",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5fa009ca23a9a9a0",
      "title": "Cards at Flowbase",
      "url": "https://bentogrids.com/shots/clt5rnw5d0007jybcfc1ymaqg",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7833417f5375e2e4",
      "title": "Bento designs from Onyx template by Flowbase",
      "url": "https://bentogrids.com/shots/clt5rgzsx0004jybc49jvgqvk",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1629d92bcba09c3",
      "title": "Cards from Luna template by Flowbase",
      "url": "https://bentogrids.com/shots/clt5rfec1000710j6oau0bv98",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "257b0840dd27d427",
      "title": "Bento design by Abdulquadri Musa",
      "url": "https://bentogrids.com/shots/clt5hbesg0001101dqiav5oqm",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60be740f5b554b36",
      "title": "Bento grids by @cactusui",
      "url": "https://bentogrids.com/shots/clt5gx7o30006a1th38rhu3mi",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2149f2b979f11a2f",
      "title": "Bento grids by Emre Kaya",
      "url": "https://bentogrids.com/shots/clt5gfjkt0003a1thfgyz7yka",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6497a1517022e398",
      "title": "Cards at Alignui",
      "url": "https://bentogrids.com/shots/clt4qam0l000bboaofavyhivk",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e82971f322b3472",
      "title": "Bento style cards at Restream",
      "url": "https://bentogrids.com/shots/clt4q4mq10006boaophhtgrts",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e9ec37e5dd2a91b5",
      "title": "Dark bento cards at Kortex",
      "url": "https://bentogrids.com/shots/clt4nya220004y2hk7d8mybta",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "163c071bf2d9ccf7",
      "title": "Bento design at Bruno",
      "url": "https://bentogrids.com/shots/clt4bf8en00046gtn6f39oep2",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "425ef989db835a4b",
      "title": "Bento design by @thinkbuddyai",
      "url": "https://bentogrids.com/shots/clt4ayo4z00016gtne0fl62h1",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "47bbd14390ccc8eb",
      "title": "Bento grid at Supabase",
      "url": "https://bentogrids.com/shots/clt45x72z0002y6nxvxwfaaqx",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "43be95a2128fe7d8",
      "title": "Bento grids at Framer",
      "url": "https://bentogrids.com/shots/clt45u79u00066mn1i16pjsjv",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ceabff92595624d",
      "title": "Bento design by HALO LAB: Brewbolt Branding",
      "url": "https://bentogrids.com/shots/clt44rbbj0001petq3yxy4uz6",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a175663d32f0b8fb",
      "title": "Bento box by HALO LAB: Monly Branding",
      "url": "https://bentogrids.com/shots/clt44pt340001yqzv4k5hpmc7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cbf876682e577aa7",
      "title": "Bento grid at DJI",
      "url": "https://bentogrids.com/shots/clt4467ue0001gkpslltqm0su",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3aadf97ccef42f65",
      "title": "Framer components inspired by Dieter Rams",
      "url": "https://bentogrids.com/shots/clt33xfyr0003it7ymb96luit",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e47544598e770f9e",
      "title": "Bento grids at Pipe",
      "url": "https://bentogrids.com/shots/clt2tgxfp0002eb7ritqzpyst",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d9ae7e4fe1634888",
      "title": "Features Bento Grid Design by @AndreaMontini",
      "url": "https://bentogrids.com/shots/clt1g80wq0001w6xktkrgzp04",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格",
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "963a51b34e513805",
      "title": "Bento grid by @oguzyagizkara",
      "url": "https://bentogrids.com/shots/clt1e67nq0003c943tyuhtlii",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "329a83a6b8b693c5",
      "title": "Bento grid by @PJadeszko",
      "url": "https://bentogrids.com/shots/clt170hrs0001w9amadnyyphs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "079cce67cb65f4ab",
      "title": "Bento grid by @evrenkarsit",
      "url": "https://bentogrids.com/shots/clt0ctrvb000313vaw86s4rqa",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b011d5b5923a516",
      "title": "Dark bento grid by @evrenkarsit",
      "url": "https://bentogrids.com/shots/clt0ct59r000113vaxotky5bf",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "21f42a09a000f5b2",
      "title": "Bento cards at Workos",
      "url": "https://bentogrids.com/shots/clt00d3vr0001tztkh2yvd0zl",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42dde2ab5a8d1f44",
      "title": "Bento grids at Attio",
      "url": "https://bentogrids.com/shots/clt002nrf000c3vm4cafje7yh",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9afd6b1b61eaa90a",
      "title": "Bento grids by Himanshu",
      "url": "https://bentogrids.com/shots/clsyvwvw40002rtxqvu56expa",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f3ab14363103d4e",
      "title": "Bento grids at Limelight",
      "url": "https://bentogrids.com/shots/clsyvttsf0004kjc6bj2uuuig",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4b24ee6306369a7",
      "title": "Bento grids at Raycast",
      "url": "https://bentogrids.com/shots/clsym2u8p0003dinoyh2lvqq4",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8feb1d30c42e6750",
      "title": "Bento grid at Authkit - WorkOS",
      "url": "https://bentogrids.com/shots/clsyjrlv00004mrg3wd369izb",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0709d88f4b774dd5",
      "title": "Bento grid at Zeroqode",
      "url": "https://bentogrids.com/shots/clsyj67n000011r5zbg9mklsm",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "13e5f7932c8f0f4a",
      "title": "Product Illustrations by Lisa Cosme for Attio",
      "url": "https://bentogrids.com/shots/clsyf04so0005dne4q4ofs59n",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f48eea3ce2c11834",
      "title": "Bento cards by Jussi Virtanen for MeetingPackage",
      "url": "https://bentogrids.com/shots/clsye4qyt0002q1c16lcfnhw4",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b01ff7dfff1638e",
      "title": "Bento grids at Wope",
      "url": "https://bentogrids.com/shots/clsxgxuaw000k4s2qgtt7tccx",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "097ebec9a790fb48",
      "title": "Bento designs at Wope",
      "url": "https://bentogrids.com/shots/clsxgtdae00034s2qznb7qsmw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db40e1689d814555",
      "title": "Bento design at Kong",
      "url": "https://bentogrids.com/shots/clsxba1tk0001i0fvq78c2dar",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a52eee60f3b50b67",
      "title": "Bento grid at Sequencehq",
      "url": "https://bentogrids.com/shots/clsxb83qq0001wgqyhqssn714",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d35fc544cefad005",
      "title": "UI fragments bento by Vladimir Gruev",
      "url": "https://bentogrids.com/shots/clsx5f88a00016sbujpuyazcg",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a91a114e1eb848f8",
      "title": "Bento design by @kacperfyi",
      "url": "https://bentogrids.com/shots/clsx425y2000l7qypdgtr24du",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a847002f25541ee",
      "title": "Bento grid at Buidl",
      "url": "https://bentogrids.com/shots/clsx3v4sf000j7qypvv5wl1yp",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b24d06598b082ea",
      "title": "Cards at Uxkosta",
      "url": "https://bentogrids.com/shots/clsx3j8x2000h7qypkf1y2dvq",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "86649340934f96dd",
      "title": "Bento grid at Nucleum template by @mertkahveeci",
      "url": "https://bentogrids.com/shots/clsx38r53000d7qyplutozyd7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "95227246a4bb978a",
      "title": "Bento design at Saturation template",
      "url": "https://bentogrids.com/shots/clsx310qt000a7qypw9m1khws",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60dcb1a744fd243b",
      "title": "Bento design by @mertcaneyriyer",
      "url": "https://bentogrids.com/shots/clsx2t2yz00017qypj5kte06m",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24a14873892ba228",
      "title": "Bento grids at Cosmic template by @umitceliks",
      "url": "https://bentogrids.com/shots/clsx2ecgt0004e9i4erwioxcw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "472b444dc9603e8f",
      "title": "Bento cards by @umitceliks",
      "url": "https://bentogrids.com/shots/clsx297lo0003j4ecn3bbsx6k",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4868c63ad24a766f",
      "title": "Bento design at Apple Siri",
      "url": "https://bentogrids.com/shots/clswbzpiw0001t044sfzg700t",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b2cd4be1a17411b8",
      "title": "Bento grid by @kacperfyi",
      "url": "https://bentogrids.com/shots/clswb6h850001pmboybl9prwm",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "477252bff9f98656",
      "title": "Bento grids at Dimension",
      "url": "https://bentogrids.com/shots/clswaisqi0003j54vyvu783ou",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "adce14004abdb854",
      "title": "Bento grid by @oguzyagizkara",
      "url": "https://bentogrids.com/shots/clsw9yb050002i22qy8698hgj",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a4f09df9f435c10",
      "title": "Bento-Style Portfolio Case by Koto: Call of Duty",
      "url": "https://bentogrids.com/shots/clsw919li0004li30x1cnvuhp",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7044b7aaa939e98a",
      "title": "Bento designs by Koto: De-Extinction",
      "url": "https://bentogrids.com/shots/clsw8p67k000256bvyn72wnwl",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45d365819b3dcb01",
      "title": "Unusual bento design at Mode",
      "url": "https://bentogrids.com/shots/clsw7tquz00017uqv68o1uq2h",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2884ef709d3ba8fa",
      "title": "Bento cards at Highnote",
      "url": "https://bentogrids.com/shots/clsw7piru0002y1z7zfjr9pgs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ecdf66302ac6569b",
      "title": "Bento grid at Atomic Framer Template by @AndreaMontini",
      "url": "https://bentogrids.com/shots/clsvotgql0001ht9dmblydiyz",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e4a8302b13a5c04",
      "title": "Bento design at Whop",
      "url": "https://bentogrids.com/shots/clsvonqej0001100ifrqjssqg",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "50b6ecb852dcaa01",
      "title": "Bento design by @uiuxarih",
      "url": "https://bentogrids.com/shots/clsvo9yzr000113b2zewk73xy",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "17cd536047ba9584",
      "title": "Hero section illustration, designed in a bento style at Nova Benefits",
      "url": "https://bentogrids.com/shots/clsutc3gk0006ari38ae9vgli",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3acb6e086d1fcc8",
      "title": "Bento grid at Walmart",
      "url": "https://bentogrids.com/shots/clsusr5ds0001t1laj3jl7ehs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "13a9313656e415ae",
      "title": "Bento grid at Next.js website",
      "url": "https://bentogrids.com/shots/clsua1whn0001tv5sydwzyd6j",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f41c78e1fdb17584",
      "title": "Branding bento design by HALO LAB",
      "url": "https://bentogrids.com/shots/clsua0tgd0001q2c4mu257dd3",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99039aee0f8f2b02",
      "title": "Bento grid at Gravitate",
      "url": "https://bentogrids.com/shots/clsu9fhr80001fip61i5b2oop",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fda5404c71ec7f0",
      "title": "Bento designs at Tochka",
      "url": "https://bentogrids.com/shots/clsu7n96100002df4o1yd0gxg",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75f8a1744cedbbe5",
      "title": "Bento grids at Notion website",
      "url": "https://bentogrids.com/shots/clsu5u9v30008nh4bnih0195b",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed1eb1990872e479",
      "title": "Bento designs by Dmitry Kryukov",
      "url": "https://bentogrids.com/shots/clsu55uzt000212wph8vdam4k",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e490522224e3935a",
      "title": "Bento grids at Diagram",
      "url": "https://bentogrids.com/shots/clssvuyot0003w8b1lwctna63",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e52d770bd1d6ef2f",
      "title": "Bento layout at Framer",
      "url": "https://bentogrids.com/shots/clssv45ly0002s8i566fv2fzi",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a15e80d31f672b24",
      "title": "Bento grid at family.co",
      "url": "https://bentogrids.com/shots/clssutxp70001wfs3ka4sep7t",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c37134494732ec5",
      "title": "Bento grid at Liveblocks",
      "url": "https://bentogrids.com/shots/clssucga40001c29gr5thjynr",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ea8e1469ceab586d",
      "title": "Bento designs at Gitness",
      "url": "https://bentogrids.com/shots/clsstkm6l0003vay9ao4w9o5j",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97db7c615a0356f6",
      "title": "Linear is a better way to build products",
      "url": "https://bentogrids.com/shots/clsssrzrc0009f97rhphq7qjq",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "线性"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "222a41e508d88c69",
      "title": "Raycast bento cards",
      "url": "https://bentogrids.com/shots/clsssh89d0005f97rufn6d8bo",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab3a80e65bbc738f",
      "title": "Bento grid by @kacperfyi",
      "url": "https://bentogrids.com/shots/clssrr2o70001f97rcr2dpahm",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "573ea1eb78ef49d3",
      "title": "Prompter AI Branding",
      "url": "https://bentogrids.com/shots/clsrycnod0004damq7u69k8ob",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9be769fcef5b037c",
      "title": "MindMentor Branding",
      "url": "https://bentogrids.com/shots/clsrya1b20002damq98nsor3h",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c21a1f1847fbd36",
      "title": "Mastering LinkedIn outreach with Wiza's power",
      "url": "https://bentogrids.com/shots/clsrxjo6a0003i9vljxgrywki",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08fb33501a44a200",
      "title": "Write better content Grow your audience faster",
      "url": "https://bentogrids.com/shots/clsrxbuia0003fn4b8sda84uz",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    }
  ]
}