Bento grid examples
68 references from real, live websites.
Browse by
Bento gridDeveloper toolsPlayful illustrated
Bento gridDeveloper toolsDark techDark
Bento gridConsumer appsDark techDark
Bento gridSaaSBold color blockDark
Bento gridAIPlayful illustratedLight
Bento gridDeveloper toolsDark techDark
Bento gridAIPlayful illustratedLight
Bento gridDeveloper toolsMinimal lightLight
Bento gridDeveloper toolsDark techDark
Bento gridFintechMinimal lightLight
Bento gridFintechMinimal lightLight
Bento gridDeveloper toolsData dense productLight
Bento gridMarketplaceSoft gradientLight
Bento gridSaaSPlayful illustratedLight
Bento gridMediaBold color blockLight
Bento gridFintechDark techDark
Bento gridAIDark techDark
Bento gridConsumer appsMinimal lightLight
Bento gridSaaSPlayful illustratedLight
Bento gridSaaSBold color blockLight
Bento gridHardwareWarm organicLight
Bento gridSaaSSoft gradientLight
Bento gridCryptoDark techDark
Bento gridFintechMinimal lightLight
Sign up free to keep browsing
See all 68 references full size, with motion and the notes behind each design.
More collections
About this collection
Bento grids borrow from the lunch box: one container, compartments of different sizes, each holding something different. Product teams use them to show several features at once, and these examples show how the best ones keep a clear reading order inside the tiles.
