Generates Bento UI-style grids from rectangular cells with varying aspect ratios, corner rounding, and cell spacing.

An interface design approach that uses grids with unequal cell proportions. The term “bento” originates from the Japanese lunch, which consists of a selection of dishes neatly arranged in a special container.
Where are they used?
- Marketing materials: design of presentations, banners, advertising materials.
- Websites: creating attractive and informative landing pages, benefit blocks, product cards, and other elements.
- Mobile apps: Organize your home screen, settings screens, lists, and other interface elements.
Features of bento nets
- Modularity: content is broken down into individual blocks (like food in a box), each with its own function and visual design.
- Flexibility: Blocks come in a variety of sizes and shapes, allowing you to create a variety of compositions and adapt the design to the size.
- Visual hierarchy: Clearly dividing content into blocks helps the user quickly scan important information.
- Aesthetics: Bento grid is often associated with minimalist design and trends.
Perfect For:
- Web Designers (rapid page grid mockups!)
- Brand Designers (modular identity systems, visual decks)
- UI & UX Artists (dashboards, mobile layouts, galleries)
- Illustrators and Creative Pros (portfolio grids, moodboards, merch previews)
- Anyone who wants consistent, stylish bento layouts in seconds
Try it now for free!