Bento Grids

资源与访问条件

• 已收录的参考资源

  Web · 界面与页面参考 · 不限定实现框架 · 未确认

  • saved · 2026-10-13：已收录的官网用途说明与标签：集中看模块化卡片布局，适合产品功能与优势展示。

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

已保存的精选样本

• 浅色模块化布局

  集合或公开展示入口，非本例独立详情 · 集合页

  浅色模块布局：内容被拆分成大小不同的说明卡片。

• 深色模块化布局

  集合或公开展示入口，非本例独立详情 · 集合页

  深色模块布局：通过卡片尺寸与插图强调不同内容。

• 高对比营销模块

  集合或公开展示入口，非本例独立详情 · 集合页

  高对比模块布局：多块营销信息在同一网格中组织。

目录入口

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

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

1. Bento grid at Chroma

   实例 · 具体条目入口

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

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

2. Bento cards at Kent C. Dodds's site

   实例 · 具体条目入口

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

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

3. Bentos at Alfa bank

   实例 · 具体条目入口

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

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

4. Bento design at Bindplane

   实例 · 具体条目入口

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

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

5. Bento grids at Novu

   实例 · 具体条目入口

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

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

6. Sync SaaS Branding by HALO LAB

   实例 · 具体条目入口

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

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

7. Bento grids at Tailwind UI

   实例 · 具体条目入口

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

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

8. Bento grid template #3

   实例 · 具体条目入口

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

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

9. Bento grid template #2

   实例 · 具体条目入口

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

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

10. Bento grids at GlassFlow by @alex_barashkov

    实例 · 具体条目入口

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

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

11. Bento grids at Paragon

    实例 · 具体条目入口

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

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

12. Free Bento Template by BentoGrids

    实例 · 具体条目入口

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

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

13. Bento grids at Tuple

    实例 · 具体条目入口

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

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

14. Bentos at Huly

    实例 · 具体条目入口

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

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

15. Bento at Neon

    实例 · 具体条目入口

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

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

16. Bentos at Taipy

    实例 · 具体条目入口

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

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

17. Bentos at Hypercal

    实例 · 具体条目入口

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

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

18. Bentos at SaaS

    实例 · 具体条目入口

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

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

19. Bentos at June

    实例 · 具体条目入口

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

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

20. Bentos at Dovetail

    实例 · 具体条目入口

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

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

21. Bentos at Pixelmator

    实例 · 具体条目入口

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

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

22. Email & Automation for Fast Growing Startups

    实例 · 具体条目入口

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

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

23. Bento UI at Decagon AI

    实例 · 具体条目入口

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

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

24. Helper brand bento grid by @bryangmotion

    实例 · 具体条目入口

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

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

25. Branding bento by @kyleanthony

    实例 · 具体条目入口

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

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

26. Bento grid at Wope Content Assistant

    实例 · 具体条目入口

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

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

27. Bento grids at Zento template by @Praha37v

    实例 · 具体条目入口

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

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

28. Bento boxes at Gitbook

    实例 · 具体条目入口

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

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

29. Bento grid by @alex_barashkov

    实例 · 具体条目入口

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

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

30. Bento design by @arvydas_gecas

    实例 · 具体条目入口

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

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

31. Bento grid at Spark

    实例 · 具体条目入口

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

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

32. Bento cards at Unicorn.studio

    实例 · 具体条目入口

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

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

33. Bento grids at Frame.io

    实例 · 具体条目入口

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

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

34. Branding bento by @VadimCarazan

    实例 · 具体条目入口

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

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

35. Bento grids at Pavyon template by @umitceliks & @oguzyagizkara

    实例 · 具体条目入口

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

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

36. Bento grid by Halo Branding

    实例 · 具体条目入口

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

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

37. Bento grids at Medusa

    实例 · 具体条目入口

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

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

38. Bento grids at Nuxt Labs

    实例 · 具体条目入口

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

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

39. Bento grid by Ali Husni

    实例 · 具体条目入口

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

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

40. Bento UI by Oğuz Yağız Kara

    实例 · 具体条目入口

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

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

41. Bento grid at LottieLab

    实例 · 具体条目入口

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

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

42. Bento grid by @bymyno_

    实例 · 具体条目入口

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

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

43. Bento grid by HALO LAB

    实例 · 具体条目入口

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

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

44. Cards by @arvydas_gecas

    实例 · 具体条目入口

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

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

45. Bento grid from Webflow conf

    实例 · 具体条目入口

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

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

46. Bento by @hencubed

    实例 · 具体条目入口

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

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

47. Bento design by Kacper (@kacperfyi)

    实例 · 具体条目入口

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

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

48. Bento grid at Mintlify

    实例 · 具体条目入口

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

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

49. Bento grid at Help Scout

    实例 · 具体条目入口

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

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

50. Cards at Vercel's Geist Design System

    实例 · 具体条目入口

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

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

51. Cool bento grids by Yukhym Turkin (@fim_design)

    实例 · 具体条目入口

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

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

52. Bento at Givingli

    实例 · 具体条目入口

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

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

53. Bento grid at Apple

    实例 · 具体条目入口

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

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

54. Bento grid at Apple's website

    实例 · 具体条目入口

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

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

55. Bento design by Daniel Mbazu

    实例 · 具体条目入口

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

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

56. Bento grid by Daniel Mbazu

    实例 · 具体条目入口

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

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

57. Bento grids at Hookdeck

    实例 · 具体条目入口

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

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

58. Bento grid by Daniel Mbazu

    实例 · 具体条目入口

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

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

59. Bento grid at Rise Calendar

    实例 · 具体条目入口

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

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

60. Bento grid at Dyte

    实例 · 具体条目入口

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

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

61. Bento cards at Steep

    实例 · 具体条目入口

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

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

62. Bento designs at Outverse

    实例 · 具体条目入口

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

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

63. Bento grid at Copperx

    实例 · 具体条目入口

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

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

64. Bento grid at ClickUp

    实例 · 具体条目入口

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

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

65. Bento at GitHub Copilot

    实例 · 具体条目入口

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

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

66. UI as bento grid at Fey

    实例 · 具体条目入口

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

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

67. Bento grid by @attio

    实例 · 具体条目入口

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

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

68. Bento grid by @namyakhann

    实例 · 具体条目入口

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

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

69. Bento grid at FramerAuth

    实例 · 具体条目入口

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

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

70. Bento grids at Linear Asks

    实例 · 具体条目入口

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

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

71. Bento cards by @oguzyagizkara

    实例 · 具体条目入口

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

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

72. Cards at Webcontainers

    实例 · 具体条目入口

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

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

73. Bento design by @cactusui

    实例 · 具体条目入口

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

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

74. Bento grids at Index

    实例 · 具体条目入口

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

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

75. Cards at Vercel

    实例 · 具体条目入口

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

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

76. Branding bento by Claudia Carvalho for Bruno

    实例 · 具体条目入口

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

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

77. Animated bento at Alfread App

    实例 · 具体条目入口

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

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

78. Branding bento at Logorado

    实例 · 具体条目入口

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

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

79. Bento grids at Artone

    实例 · 具体条目入口

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

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

80. Font demo as a bento grid

    实例 · 具体条目入口

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

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