{
  "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": 1,
    "pageSize": 80,
    "totalEntries": 288,
    "totalPages": 4,
    "offset": 0,
    "previous": null,
    "next": "page-2.json"
  },
  "entries": [
    {
      "id": "69ec0bc97f6762a7",
      "title": "Bento grid at Chroma",
      "url": "https://bentogrids.com/shots/cmf19eok60001lau6o6thn8x7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "76f6eda91f732700",
      "title": "Bento cards at Kent C. Dodds's site",
      "url": "https://bentogrids.com/shots/cm9imj4lp00022xym8bgm9oql",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "27b400515079c06f",
      "title": "Bentos at Alfa bank",
      "url": "https://bentogrids.com/shots/cm7unekl2000gpwnasov0xgrs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0cd73d1355a1f630",
      "title": "Bento design at Bindplane",
      "url": "https://bentogrids.com/shots/cm7o9hwfo0002abhgyd4wxxzu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d0b4949aef67f01",
      "title": "Bento grids at Novu",
      "url": "https://bentogrids.com/shots/cm6jjswa90004afm429o1xa3p",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d530342520a240e0",
      "title": "Sync SaaS Branding by HALO LAB",
      "url": "https://bentogrids.com/shots/cm48mwoh70001bbog8ioz350m",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5c928326a108799",
      "title": "Bento grids at Tailwind UI",
      "url": "https://bentogrids.com/shots/cm1gwcrs7000317oxf5aknwas",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f262edf27beaa68f",
      "title": "Bento grid template #3",
      "url": "https://bentogrids.com/shots/cm118rnpy00026zw48nlzen6p",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12c282961d8408fe",
      "title": "Bento grid template #2",
      "url": "https://bentogrids.com/shots/cm0jt3a1o000213j9qb1he903",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "21272f75f2982747",
      "title": "Bento grids at GlassFlow by @alex_barashkov",
      "url": "https://bentogrids.com/shots/cm05fsgsd000312h2ql3qtvho",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7a39424bef3f2c9",
      "title": "Bento grids at Paragon",
      "url": "https://bentogrids.com/shots/clzyx2cud0002vxavxm1tvdtn",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b375ec4ed81adfb2",
      "title": "Free Bento Template by BentoGrids",
      "url": "https://bentogrids.com/shots/clzx31p650001akmmtks9ld59",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52e7071c1aeb26c1",
      "title": "Bento grids at Tuple",
      "url": "https://bentogrids.com/shots/clzju7hwj000o12lem21dg67a",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a8d28fac3e10523f",
      "title": "Bentos at Huly",
      "url": "https://bentogrids.com/shots/clzju4dab000l12leu2m7jciv",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8656fa907409780a",
      "title": "Bento at Neon",
      "url": "https://bentogrids.com/shots/clzju1qdq000i12leg2sowk97",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3d310325ad34fbf",
      "title": "Bentos at Taipy",
      "url": "https://bentogrids.com/shots/clzjtyrmg000f12leadmx5wif",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78d0e558b3a136f2",
      "title": "Bentos at Hypercal",
      "url": "https://bentogrids.com/shots/clzjtp5d8000c12leadaa8epo",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6de1628b9ac85b5d",
      "title": "Bentos at SaaS",
      "url": "https://bentogrids.com/shots/clzjtf5a2000512lemgkogwji",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f9a0c4269a1be78",
      "title": "Bentos at June",
      "url": "https://bentogrids.com/shots/clzjt8xey000112lek69t11ir",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e22ed96d37f5791",
      "title": "Bentos at Dovetail",
      "url": "https://bentogrids.com/shots/clzjt62fo000fmwvmtm7hfuml",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "afb71af35d730d84",
      "title": "Bentos at Pixelmator",
      "url": "https://bentogrids.com/shots/clzjsme3b000amwvmmnvtfdtu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e2dbbef94c33762a",
      "title": "Email & Automation for Fast Growing Startups",
      "url": "https://bentogrids.com/shots/clzjs9zh80002mwvmu60a9ib5",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20c9127470295f96",
      "title": "Bento UI at Decagon AI",
      "url": "https://bentogrids.com/shots/cluoe817l0002u4da0zpyplct",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1047e279959f8d16",
      "title": "Helper brand bento grid by @bryangmotion",
      "url": "https://bentogrids.com/shots/cluk9nxie000111455gxe7q71",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df6f7c1ea13e82da",
      "title": "Branding bento by @kyleanthony",
      "url": "https://bentogrids.com/shots/cluidw3xo0001ccdeh15yjyv3",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51432abd6c8d921d",
      "title": "Bento grid at Wope Content Assistant",
      "url": "https://bentogrids.com/shots/cluidb2g30001t35aga0s3y8d",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6271318342c9824",
      "title": "Bento grids at Zento template by @Praha37v",
      "url": "https://bentogrids.com/shots/cluhanj5m0002i6oh8xprz2ru",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "edbe184eea35896d",
      "title": "Bento boxes at Gitbook",
      "url": "https://bentogrids.com/shots/cluha3tb50004zf8i3ynenv6c",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e6148da6572d087c",
      "title": "Bento grid by @alex_barashkov",
      "url": "https://bentogrids.com/shots/clugxcknt0003az3g5y7dwn0u",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75a3882565a88aa3",
      "title": "Bento design by @arvydas_gecas",
      "url": "https://bentogrids.com/shots/clugx8r1y0001az3gimxmza7x",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f0d261419302780",
      "title": "Bento grid at Spark",
      "url": "https://bentogrids.com/shots/clugx6vvp0002xdkjnompdtge",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b29c32939e88e5c0",
      "title": "Bento cards at Unicorn.studio",
      "url": "https://bentogrids.com/shots/clueawgyv0001xelcmup8w1pw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a623d6589e53f283",
      "title": "Bento grids at Frame.io",
      "url": "https://bentogrids.com/shots/clue0qv2y0008867tk4yz0uby",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42f87dddf9868101",
      "title": "Branding bento by @VadimCarazan",
      "url": "https://bentogrids.com/shots/clu9ez9nk000413v50uz3xls1",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06e908b2836dba62",
      "title": "Bento grids at Pavyon template by @umitceliks & @oguzyagizkara",
      "url": "https://bentogrids.com/shots/clu8rkmhg000anjjtkw9grfsf",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb1581b6763a72b7",
      "title": "Bento grid by Halo Branding",
      "url": "https://bentogrids.com/shots/clu6if6bb0007lc75uwxrq78d",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e638d1a8d9991937",
      "title": "Bento grids at Medusa",
      "url": "https://bentogrids.com/shots/clu6id9me0005lc75yzu70aek",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d42fd7e1ef88c5d6",
      "title": "Bento grids at Nuxt Labs",
      "url": "https://bentogrids.com/shots/clu6i8jae0002x0w946y31wme",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97db159be5369585",
      "title": "Bento grid by Ali Husni",
      "url": "https://bentogrids.com/shots/cltquxebh0001gu5kkfyg4b53",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5189998d93a11445",
      "title": "Bento UI by Oğuz Yağız Kara",
      "url": "https://bentogrids.com/shots/cltqp2qa7000114e6fe1q8mx2",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a242e4eaa00ada7",
      "title": "Bento grid at LottieLab",
      "url": "https://bentogrids.com/shots/cltnc8pqo00036q310ckrdz1w",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0d68c355ea613b9",
      "title": "Bento grid by @bymyno_",
      "url": "https://bentogrids.com/shots/cltmqt2pc0009hnnnuczc1yyq",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "72ee188ca7e6db6a",
      "title": "Bento grid by HALO LAB",
      "url": "https://bentogrids.com/shots/cltmqqu0c0007hnnnw1w5n7x9",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8000bc33de459be7",
      "title": "Cards by @arvydas_gecas",
      "url": "https://bentogrids.com/shots/cltmqoo490005hnnnd2rlhg4k",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "065b8bac843552a8",
      "title": "Bento grid from Webflow conf",
      "url": "https://bentogrids.com/shots/cltmqnnim0003hnnn63ag9pg6",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1587be4a346f67af",
      "title": "Bento by @hencubed",
      "url": "https://bentogrids.com/shots/cltmqlb1a0001hnnnkqokz2be",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9fda9f65b89e65e1",
      "title": "Bento design by Kacper (@kacperfyi)",
      "url": "https://bentogrids.com/shots/cltiuc8lo0002igct7o6h29va",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a197da6d4a1c4f0",
      "title": "Bento grid at Mintlify",
      "url": "https://bentogrids.com/shots/cltisk9py00021aqwywwsv9ju",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "014ccb495d89eae4",
      "title": "Bento grid at Help Scout",
      "url": "https://bentogrids.com/shots/cltioof7e0001zxxbyqb8sxg2",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "50235d595eae49c8",
      "title": "Cards at Vercel's Geist Design System",
      "url": "https://bentogrids.com/shots/cltinvyht00027kwsz4yx7zbo",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97040a2c275ee752",
      "title": "Cool bento grids by Yukhym Turkin (@fim_design)",
      "url": "https://bentogrids.com/shots/cltigec6a0007tmjhbowur3gu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d30b77e5190dc5e0",
      "title": "Bento at Givingli",
      "url": "https://bentogrids.com/shots/clth7mi0600014r86mooqmy3l",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ffc14823740d9ae",
      "title": "Bento grid at Apple",
      "url": "https://bentogrids.com/shots/clth6bh4p0001beeb6udmaiqy",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "867fd8f54010e247",
      "title": "Bento grid at Apple's website",
      "url": "https://bentogrids.com/shots/clth671z300016l5cohkd3kof",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5043121004aafe4",
      "title": "Bento design by Daniel Mbazu",
      "url": "https://bentogrids.com/shots/cltgwuq2s0002p3kvfireey42",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ec92ddb199c097d",
      "title": "Bento grid by Daniel Mbazu",
      "url": "https://bentogrids.com/shots/cltgweve000012n3g99bf4s6z",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a02ff689916260ee",
      "title": "Bento grids at Hookdeck",
      "url": "https://bentogrids.com/shots/cltg5vfqw00045rk6pj0y199p",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b85703a25dbefaaa",
      "title": "Bento grid by Daniel Mbazu",
      "url": "https://bentogrids.com/shots/cltg0wugv000146o8nux4x0ri",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c094f87bcc456730",
      "title": "Bento grid at Rise Calendar",
      "url": "https://bentogrids.com/shots/cltfyzlrx0003d3icq1r94y97",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格",
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a07e010deb438489",
      "title": "Bento grid at Dyte",
      "url": "https://bentogrids.com/shots/cltfyvfsa0001d3ichmf274ih",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9771bfae1c253f89",
      "title": "Bento cards at Steep",
      "url": "https://bentogrids.com/shots/cltfyofaf000an8ztrm3gzf2q",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ad3f2e56aa10a3e",
      "title": "Bento designs at Outverse",
      "url": "https://bentogrids.com/shots/cltfydvt30005n8ztjtmumv25",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97e8e879ac31e33b",
      "title": "Bento grid at Copperx",
      "url": "https://bentogrids.com/shots/cltfy7ovz0001n8ztt9576i72",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "452c01b2047bd0cb",
      "title": "Bento grid at ClickUp",
      "url": "https://bentogrids.com/shots/cltfpscl30001t1bgw4og8l7e",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4bc14b56c29d43ab",
      "title": "Bento at GitHub Copilot",
      "url": "https://bentogrids.com/shots/clte7tdf50001i094q83m100k",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e163239c8970517",
      "title": "UI as bento grid at Fey",
      "url": "https://bentogrids.com/shots/clte79rsk000282g0k7i19z54",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc4d6d4eeb63d09d",
      "title": "Bento grid by @attio",
      "url": "https://bentogrids.com/shots/clte06fbo0001p23cy17j6ldq",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8800311e7dd2d0b7",
      "title": "Bento grid by @namyakhann",
      "url": "https://bentogrids.com/shots/cltcv2i8f0001fk297iv4lvrt",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0d79e6a9d0b9812",
      "title": "Bento grid at FramerAuth",
      "url": "https://bentogrids.com/shots/cltco532q0001qdcgfpf58cex",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bae31af7611388b7",
      "title": "Bento grids at Linear Asks",
      "url": "https://bentogrids.com/shots/cltcnu4uf0004yqu2vtodi8sl",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "线性"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc75febc9f8be5e2",
      "title": "Bento cards by @oguzyagizkara",
      "url": "https://bentogrids.com/shots/cltbadfv10001ovkzfmflj4ji",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b672fc83575d6394",
      "title": "Cards at Webcontainers",
      "url": "https://bentogrids.com/shots/cltba21qg0002w6he9amzu4n0",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "142d77a5ef007909",
      "title": "Bento design by @cactusui",
      "url": "https://bentogrids.com/shots/cltagxs640002ylhs8qdvpiv7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05bc9cb3fb15f2a5",
      "title": "Bento grids at Index",
      "url": "https://bentogrids.com/shots/clta363di00068sity3k3wana",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5250e40253ffa88",
      "title": "Cards at Vercel",
      "url": "https://bentogrids.com/shots/clta1knxh000ugt15d3m5cyyp",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2e8eb14083c77ae2",
      "title": "Branding bento by Claudia Carvalho for Bruno",
      "url": "https://bentogrids.com/shots/clt9wlyuq0001zna31gknpm8u",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6920c79a3d41028",
      "title": "Animated bento at Alfread App",
      "url": "https://bentogrids.com/shots/clt9w4t8b00087uy5tjd29y51",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f95f11fa28bc0579",
      "title": "Branding bento at Logorado",
      "url": "https://bentogrids.com/shots/clt9vs41000047uy5a2c6lkho",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3620e96a6cf61665",
      "title": "Bento grids at Artone",
      "url": "https://bentogrids.com/shots/clt9vo34j00027uy5dogfdqso",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d42b6d663e042b63",
      "title": "Font demo as a bento grid",
      "url": "https://bentogrids.com/shots/clt9vjg930001g2d4ak18ietg",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    }
  ]
}