UIPicks UI 参考库
← 全部 AI 参考来源

网页布局

Bento Grids

集中看模块化卡片布局，适合产品功能与优势展示。

进入原站读取本页 JSON

公开案例目录 · 2026-10-13。官网公开数据中的案例均已收录，链接使用原站实际详情路由。

资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 288 条记录，本页显示 241–288 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. HR&Tomorrow - Branding

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  2. Apple Event October 2020: iPhone 12 and 12 Mini

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  3. Branding: logo design, visual identity

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  4. Apple Event September 2022: AirPods Pro Environmental Goals

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  5. Nikita @nikitakoshi: Arbitrum redesign concept

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  6. 10X Designers: Lottie education team

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  7. 10X Designers: Mentor Intro

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  8. James 🤌🏻 @jamesm: cards illustrations

    实例 · 具体条目入口

    相关词：卡片、模块化布局、格子

    官网公开案例数据2026-10-13

  9. Apple Event April 2021: iPad Pro 2021

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  10. Traf @traf: feature cards

    实例 · 具体条目入口

    相关词：卡片、模块化布局、格子

    官网公开案例数据2026-10-13

  11. Nick @nicks_twt: Figma design systems

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  12. Design of Dark Mode User Interface for the Charts & Widgets

    实例 · 具体条目入口

    相关词：图表、模块化布局、格子、卡片、用户

    官网公开案例数据2026-10-13

  13. Apple Event September 2022: Apple Watch Ultra

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  14. Eclipse - Figma dashboard UI kit for data design web apps

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、仪表盘、后台

    官网公开案例数据2026-10-13

  15. Koto Studio WhatsApp

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  16. Linear – 2021 Wrapped

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、线性

    官网公开案例数据2026-10-13

  17. Apple iCloud: access your photos, videos, etc.

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  18. NXNDigital Branding by Halo Branding

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  19. W2E Conference Visual Identity by Halo Branding

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  20. Echo Visual Identity by Halo Branding

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  21. Carter Visual Identity by Halo Branding for Halo Lab

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  22. Copilot bento box by Nicolas Solerieu for GitHub

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  23. Starfino Branding by Halo Branding for Halo Lab

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  24. Bike features bento by Álvaro Castaño

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、功能区

    官网公开案例数据2026-10-13

  25. Apple Event September 2022: AirPods Pro 2nd Generation

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  26. Supernova.io - Design System Documentation

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  27. Apple Event November 2020: New M1 Environmental Goals

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  28. Apple Event September 2022: iPhone 14

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  29. No-code video automation and creation tool for everyone

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、视频

    官网公开案例数据2026-10-13

  30. Apple Event September 2021: Apple Fitness+

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  31. No-code video automation and creation tool for everyone

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、视频

    官网公开案例数据2026-10-13

  32. Apple Event September 2021: iPad Mini

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  33. Artboard Studio: Design and Animate Like Never Before

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、动画、动效

    官网公开案例数据2026-10-13

  34. Apple Event March 2022: Mac Studio

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  35. Single Sign-On — WorkOS

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  36. Apple Event October 2020: iPhone 12 Pro and 12 Pro Max

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  37. Apple: iPhone 14 and iPhone 14 Plus

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、添加、加号

    官网公开案例数据2026-10-13

  38. Framer for Startups

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  39. Apple Event September 2022: iPhone 14 Pro Environmental Goals

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  40. Raycast - Supercharged productivity

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  41. Apple Event March 2022: M1 Ultra Chip

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  42. Starlight: The Financial OS for Web3 Teams

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  43. Apple Event March 2022: iPad Air

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  44. Clay: AI powered tools for cultivating relationships

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、AI、人工智能

    官网公开案例数据2026-10-13

  45. Apple Event September 2022: Apple Watch Series 8

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片

    官网公开案例数据2026-10-13

  46. 浅色模块化布局

    集合 · 集合或类目入口，非独立案例

    已采集实例来源2026-10-13

  47. 深色模块化布局

    集合 · 集合或类目入口，非独立案例

    已采集实例来源2026-10-13

  48. 高对比营销模块

    集合 · 集合或类目入口，非独立案例

    已采集实例来源2026-10-13