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

网页布局

Bento Grids

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. No-code video automation

    实例 · 具体条目入口

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

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

  2. Framer template by @devmost

    实例 · 具体条目入口

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

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

  3. Bento grid as a hero section with CTA

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、网格、首屏、主视觉

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

  4. The ultimate music accessory for your Mac

    实例 · 具体条目入口

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

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

  5. Elf (ERAP Group) by Jean-Roger Rioux, Signe & Fonction

    实例 · 具体条目入口

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

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

  6. Stripe: Customers by use case

    实例 · 具体条目入口

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

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

  7. Clerk: Everything you need for authentication

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、登录、注册、认证

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

  8. Bento design by @cactusui

    实例 · 具体条目入口

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

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

  9. Wope: Spot issues faster with smart indicators

    实例 · 具体条目入口

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

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

  10. Web app to desktop app in minutes

    实例 · 具体条目入口

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

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

  11. Alice features bento grid from Yandex

    实例 · 具体条目入口

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

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

  12. Deploy Securely by Josep Rosello

    实例 · 具体条目入口

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

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

  13. Clerk: Everything you need for authentication

    实例 · 具体条目入口

    相关词：模块化布局、格子、卡片、登录、注册、认证

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

  14. Bento cards for LaunchPad

    实例 · 具体条目入口

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

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

  15. MusAI - Branding for the Music Generator App by Halo Lab

    实例 · 具体条目入口

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

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

  16. Bento Grid by @ionuss

    实例 · 具体条目入口

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

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

  17. Touch3e Visual Identity

    实例 · 具体条目入口

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

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

  18. Blooms branding

    实例 · 具体条目入口

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

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

  19. asistheory Security & Privacy

    实例 · 具体条目入口

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

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

  20. Apple Watch Ultra 2023

    实例 · 具体条目入口

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

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

  21. Apple iPhone 15 Bento

    实例 · 具体条目入口

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

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

  22. Apple Watch Bento

    实例 · 具体条目入口

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

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

  23. Design tools from the future

    实例 · 具体条目入口

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

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

  24. Apple iPhone

    实例 · 具体条目入口

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

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

  25. Portfolio template with bento 🍱 vibe by @oguzyagizkara

    实例 · 具体条目入口

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

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

  26. Design tools from the future

    实例 · 具体条目入口

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

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

  27. Bento exploration by @hanifalhafizh10

    实例 · 具体条目入口

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

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

  28. Prism bento by @glennui

    实例 · 具体条目入口

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

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

  29. Feature section by @jamesm

    实例 · 具体条目入口

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

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

  30. Bento by @hanifalhafizh10

    实例 · 具体条目入口

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

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

  31. Proof Brand Direction

    实例 · 具体条目入口

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

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

  32. Apple Store

    实例 · 具体条目入口

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

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

  33. Better Stack

    实例 · 具体条目入口

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

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

  34. Cabana

    实例 · 具体条目入口

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

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

  35. Bento by @cactusui

    实例 · 具体条目入口

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

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

  36. Watchos 10

    实例 · 具体条目入口

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

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

  37. Procreate

    实例 · 具体条目入口

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

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

  38. Vercel blog

    实例 · 具体条目入口

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

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

  39. Better Stack

    实例 · 具体条目入口

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

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

  40. Free Pingdom alternative Better Stack

    实例 · 具体条目入口

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

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

  41. Next.js: The React Framework for the Web

    实例 · 具体条目入口

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

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

  42. DSB (Danish State RailwayS) Brand System

    实例 · 具体条目入口

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

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

  43. A nice bento grid from @namyakhann

    实例 · 具体条目入口

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

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

  44. FlexFit Branding from Halo Lab

    实例 · 具体条目入口

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

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

  45. The ultimate music accessory for your Mac

    实例 · 具体条目入口

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

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

  46. Bento cards

    实例 · 具体条目入口

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

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

  47. iconwerk: custom icon design for your next project

    实例 · 具体条目入口

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

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

  48. Halo Branding: Courslia logo, logo design, logotype

    实例 · 具体条目入口

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

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

  49. Design tools from the future

    实例 · 具体条目入口

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

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

  50. Icon set from Traf

    实例 · 具体条目入口

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

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

  51. Diego, a designer and webflow developer based in Brazil

    实例 · 具体条目入口

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

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

  52. Shockingly simple checkout

    实例 · 具体条目入口

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

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

  53. Brand identity, Logo design, TrustToken / TrueFi, Crypto

    实例 · 具体条目入口

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

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

  54. IT human resources platform

    实例 · 具体条目入口

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

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

  55. Card UI

    实例 · 具体条目入口

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

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

  56. Showcase, connect, and grow your tech career

    实例 · 具体条目入口

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

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

  57. Bolt’s branding from Koto

    实例 · 具体条目入口

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

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

  58. We are launching ✨Instant Shadows

    实例 · 具体条目入口

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

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

  59. Halo Branding: Art044 Visual Identity

    实例 · 具体条目入口

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

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

  60. James 🤌🏻 @jamesm: cards for axiom.co

    实例 · 具体条目入口

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

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

  61. Halo Branding: Mecha Branding

    实例 · 具体条目入口

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

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

  62. TechPro Visual Identity

    实例 · 具体条目入口

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

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

  63. Three reasons to join us now

    实例 · 具体条目入口

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

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

  64. Boostio Branding

    实例 · 具体条目入口

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

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

  65. Apple Event September 2022: iPhone 14

    实例 · 具体条目入口

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

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

  66. What’s included in the program

    实例 · 具体条目入口

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

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

  67. WWDC 2020: New Home Features

    实例 · 具体条目入口

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

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

  68. What’s included in the program

    实例 · 具体条目入口

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

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

  69. Halo Branding: Onechoo Education

    实例 · 具体条目入口

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

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

  70. Once you graduate, you’ll be able to…

    实例 · 具体条目入口

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

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

  71. WWDC 2022: Macbook Environmental Goals

    实例 · 具体条目入口

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

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

  72. The ultimate experience for the modern investor

    实例 · 具体条目入口

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

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

  73. Apple Event September 2020: iPad Air

    实例 · 具体条目入口

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

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

  74. Design system infrastructure

    实例 · 具体条目入口

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

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

  75. Flows List UX-UI

    实例 · 具体条目入口

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

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

  76. Rainbow Insurance - Cards

    实例 · 具体条目入口

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

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

  77. Cards from James 🤌🏻 @jamesm

    实例 · 具体条目入口

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

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

  78. Apple Event March 2022: Studio Display

    实例 · 具体条目入口

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

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

  79. Shiny cards for new project

    实例 · 具体条目入口

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

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

  80. Apple Event September 2021: Apple Watch Series 7

    实例 · 具体条目入口

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

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