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

网页布局

Bento Grids

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Bento grids at MedusaJS

    实例 · 具体条目入口

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

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

  2. Bento grid at MagicUI

    实例 · 具体条目入口

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

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

  3. Bento grids at Shortcut

    实例 · 具体条目入口

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

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

  4. Bento box by Mizko (@mizko)

    实例 · 具体条目入口

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

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

  5. Cards at Flowbase

    实例 · 具体条目入口

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

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

  6. Bento designs from Onyx template by Flowbase

    实例 · 具体条目入口

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

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

  7. Cards from Luna template by Flowbase

    实例 · 具体条目入口

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

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

  8. Bento design by Abdulquadri Musa

    实例 · 具体条目入口

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

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

  9. Bento grids by @cactusui

    实例 · 具体条目入口

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

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

  10. Bento grids by Emre Kaya

    实例 · 具体条目入口

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

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

  11. Cards at Alignui

    实例 · 具体条目入口

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

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

  12. Bento style cards at Restream

    实例 · 具体条目入口

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

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

  13. Dark bento cards at Kortex

    实例 · 具体条目入口

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

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

  14. Bento design at Bruno

    实例 · 具体条目入口

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

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

  15. Bento design by @thinkbuddyai

    实例 · 具体条目入口

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

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

  16. Bento grid at Supabase

    实例 · 具体条目入口

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

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

  17. Bento grids at Framer

    实例 · 具体条目入口

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

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

  18. Bento design by HALO LAB: Brewbolt Branding

    实例 · 具体条目入口

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

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

  19. Bento box by HALO LAB: Monly Branding

    实例 · 具体条目入口

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

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

  20. Bento grid at DJI

    实例 · 具体条目入口

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

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

  21. Framer components inspired by Dieter Rams

    实例 · 具体条目入口

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

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

  22. Bento grids at Pipe

    实例 · 具体条目入口

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

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

  23. Features Bento Grid Design by @AndreaMontini

    实例 · 具体条目入口

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

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

  24. Bento grid by @oguzyagizkara

    实例 · 具体条目入口

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

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

  25. Bento grid by @PJadeszko

    实例 · 具体条目入口

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

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

  26. Bento grid by @evrenkarsit

    实例 · 具体条目入口

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

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

  27. Dark bento grid by @evrenkarsit

    实例 · 具体条目入口

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

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

  28. Bento cards at Workos

    实例 · 具体条目入口

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

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

  29. Bento grids at Attio

    实例 · 具体条目入口

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

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

  30. Bento grids by Himanshu

    实例 · 具体条目入口

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

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

  31. Bento grids at Limelight

    实例 · 具体条目入口

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

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

  32. Bento grids at Raycast

    实例 · 具体条目入口

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

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

  33. Bento grid at Authkit - WorkOS

    实例 · 具体条目入口

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

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

  34. Bento grid at Zeroqode

    实例 · 具体条目入口

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

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

  35. Product Illustrations by Lisa Cosme for Attio

    实例 · 具体条目入口

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

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

  36. Bento cards by Jussi Virtanen for MeetingPackage

    实例 · 具体条目入口

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

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

  37. Bento grids at Wope

    实例 · 具体条目入口

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

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

  38. Bento designs at Wope

    实例 · 具体条目入口

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

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

  39. Bento design at Kong

    实例 · 具体条目入口

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

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

  40. Bento grid at Sequencehq

    实例 · 具体条目入口

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

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

  41. UI fragments bento by Vladimir Gruev

    实例 · 具体条目入口

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

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

  42. Bento design by @kacperfyi

    实例 · 具体条目入口

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

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

  43. Bento grid at Buidl

    实例 · 具体条目入口

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

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

  44. Cards at Uxkosta

    实例 · 具体条目入口

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

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

  45. Bento grid at Nucleum template by @mertkahveeci

    实例 · 具体条目入口

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

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

  46. Bento design at Saturation template

    实例 · 具体条目入口

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

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

  47. Bento design by @mertcaneyriyer

    实例 · 具体条目入口

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

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

  48. Bento grids at Cosmic template by @umitceliks

    实例 · 具体条目入口

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

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

  49. Bento cards by @umitceliks

    实例 · 具体条目入口

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

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

  50. Bento design at Apple Siri

    实例 · 具体条目入口

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

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

  51. Bento grid by @kacperfyi

    实例 · 具体条目入口

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

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

  52. Bento grids at Dimension

    实例 · 具体条目入口

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

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

  53. Bento grid by @oguzyagizkara

    实例 · 具体条目入口

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

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

  54. Bento-Style Portfolio Case by Koto: Call of Duty

    实例 · 具体条目入口

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

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

  55. Bento designs by Koto: De-Extinction

    实例 · 具体条目入口

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

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

  56. Unusual bento design at Mode

    实例 · 具体条目入口

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

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

  57. Bento cards at Highnote

    实例 · 具体条目入口

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

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

  58. Bento grid at Atomic Framer Template by @AndreaMontini

    实例 · 具体条目入口

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

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

  59. Bento design at Whop

    实例 · 具体条目入口

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

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

  60. Bento design by @uiuxarih

    实例 · 具体条目入口

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

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

  61. Hero section illustration, designed in a bento style at Nova Benefits

    实例 · 具体条目入口

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

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

  62. Bento grid at Walmart

    实例 · 具体条目入口

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

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

  63. Bento grid at Next.js website

    实例 · 具体条目入口

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

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

  64. Branding bento design by HALO LAB

    实例 · 具体条目入口

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

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

  65. Bento grid at Gravitate

    实例 · 具体条目入口

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

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

  66. Bento designs at Tochka

    实例 · 具体条目入口

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

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

  67. Bento grids at Notion website

    实例 · 具体条目入口

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

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

  68. Bento designs by Dmitry Kryukov

    实例 · 具体条目入口

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

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

  69. Bento grids at Diagram

    实例 · 具体条目入口

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

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

  70. Bento layout at Framer

    实例 · 具体条目入口

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

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

  71. Bento grid at family.co

    实例 · 具体条目入口

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

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

  72. Bento grid at Liveblocks

    实例 · 具体条目入口

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

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

  73. Bento designs at Gitness

    实例 · 具体条目入口

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

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

  74. Linear is a better way to build products

    实例 · 具体条目入口

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

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

  75. Raycast bento cards

    实例 · 具体条目入口

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

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

  76. Bento grid by @kacperfyi

    实例 · 具体条目入口

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

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

  77. Prompter AI Branding

    实例 · 具体条目入口

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

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

  78. MindMentor Branding

    实例 · 具体条目入口

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

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

  79. Mastering LinkedIn outreach with Wiza's power

    实例 · 具体条目入口

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

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

  80. Write better content Grow your audience faster

    实例 · 具体条目入口

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

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