Premium
Code Security Bento
Developer-tooling bento: vulnerability scan and semantic code search over AI growth and assistant cards.
HorizonX UI/UXCollection
Bento Grid Design Examples & Templates
Bento grid design references for SaaS features, integrations, analytics, developer tools and fintech, arranged as compact dark-mode sections. Use a bento section to group related benefits that deserve different amounts of space. Keep a clear reading order instead of treating every tile as an equally important headline.
- 15 designs
- Made by the HorizonX team
- Read the guide
HorizonX UI/UX
What is inside
Bento grid design references for SaaS features, integrations, analytics, developer tools and fintech, arranged as compact dark-mode sections.
When to use it
Use a bento section to group related benefits that deserve different amounts of space. Keep a clear reading order instead of treating every tile as an equally important headline.
Customize and integrate
Replace sample claims and app imagery with real product content. Adjust tile spans around your copy and rebuild the arrangement for a narrow viewport rather than shrinking it.
Before publishing
Check contrast inside every tile, including secondary text. Keep the document order meaningful when the visual grid rearranges, and avoid placing essential content in tiny tiles.
Are these dashboards?
Some tiles reference dashboards and app screens, but these products are categorized as bento grid sections rather than complete admin applications.
What belongs in a bento grid?
Related features, integration highlights or product benefits fit well. A long narrative is usually clearer in a conventional reading layout.
How should the mobile version behave?
Simplify the grid to a readable sequence and preserve the priority of the content. Avoid relying on desktop tile positions to communicate meaning.
From the blog
Guides
Keep exploring
Related collections
Find the next design for your project
Browse every design in the HorizonX catalog, from UI kits and templates to textures, shaders and mockups.