Bento
Grids and Layouts Reimagined
In the world of web design, staying ahead of trends is not just a choice, it's a necessity. With the rise of bento-style grids in modern web design, we're excited to unveil Bento – a revolutionary no-code tool for Stacks Pro that effortlessly brings this trend to your fingertips. Elevate your web design with Bento – where innovation meets intuition, and trends become reality. It's time to design with the future in mind.
Key Features
Static Grids
Create layouts with a pre-defined number of items.
Infinite Scrolling Grids
Create scrolling layouts that can have as many items as you want.
CSS Grid
Based on the powerful CSS Grid technologies.
Masonry Grids
Create amazing walls of content with masonry layouts just like you've see on Pinterest.
Page Layout
Easily define the structure and layouts of your webpages.
Uniform Spacing
Don't rely on adding margins to everything! Bento Box can apply uniform spacing to your existing layouts.
Grid Designer
A very intuitive grid designer in edit mode allows you to easily see how your grid will look across all breakpoints.
Custom Breakpoints
Define your own custom breakpoints for when the grid layouts change.
Container Queries
Base the breakpoints off the size of Bento itself instead of just by the browser window.
Integrations
Easily integrate with stacks like Total CMS, Feeds, Slot Machine and more to dynamically full your layouts.
{{{ icon }}}
{{ title }}
{{{ summary }}}
Demo
Bento can create an unlimited amount of gird styles for your layouts. The below examples do not even scratch the surface of what can be possible. If you would like more ideas on the styles of grids you can build with Bento, check out bentogrids.com. Ivan has done a great job at collecting a fabulous collection of bento style grids for you to get inspiration.
Weaver's Space Homepage
The grid below has been on our homepage for years. We constantly get emails asking how you can create this same style of grid. Well we are glad to say that Bento is finally the answer! Bento is also used to create the scrolling grid on our Stacks page as well.
Letterpress
Video Wall
Feeds
Foundation
Instant Shadows Grid
This layout takes inspiration from the Instant Shadows grid on BentoGrids.
Espresso
Coffee
Cold Brew
Iconwerk Grid
This layout takes inspiration from the Iconwerk grid on BentoGrids.
Lorem ipsum
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Osmic Grid
This layout takes inspiration from the Osmic Portfolio grid on BentoGrids.
Joe Workman dolor sit amet, sed do eiusmod tempor incididunt ut aliqua.
Bento is a revolutionary no-code tool for Stacks Pro that effortlessly brings this trend to your fingertips
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Masonry Layout
Bento can also build out Masonry layouts. Below is a nice image layout using the Bento Mason stack.
Webpage Layout
Bento can be used for more than just creating interesting layouts for sections of your website. You can also use it as a layout tool for your entire webpage. Below is a simple layout that helps you define the overall strucutre of a webpage.
HEADER
MAIN
Skateboard meggings actually cred everyday carry kinfolk. Photo booth authentic raw denim franzen. Occupy deep v pork belly fixie, bespoke man braid gluten-free mixtape pitchfork iPhone raw denim beard pinterest church-key disrupt. Banjo try-hard organic, bitters hashtag flannel beard typewriter lumbersexual franzen etsy chicharrones iPhone. Tousled meditation readymade mixtape. Small batch affogato fap next level cardigan meh blue bottle actually. Whatever hammock sriracha banh mi pop-up, squid biodiesel four loko austin.
FOOTER
Reviews
David W Bailin
BailinStudio
Guy Woodland
Guy Woodland
"Fantastic layout stack, a must have for website building."
Scott Williams
Cotts, inc.
"Bento is a great stack set allowing incredible grid layouts you can't get with any other stacks. Want an example? Look at this awesome layout: https://www.weavers.space/stacks/"
David Shea
PWA Webdesign
"This is a great Stack I am glade I was in on the First chance to get it. it's been a long time coming but you will love it. can not wait to see the demos when they come out."
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Screenshots
Tutorials
Loading...
Downloads
Bento Demo Project
Uploaded by Weaver's Space
{{ title }}
{{{ description }}}
Uploaded by {{{ from }}}
Updates
v1.7.0
- New Bento Mason stack allows you to create masonry layouts! Check out the new demo on the product page.The demo project has also been updated.
v1.6.0
- New Bento Box stack to help you with standardizing vertical spacing of items within a layout.
- New Bento Box swatch so you can apply standardized vertical spacing on any stack.
- Bento Areas child items now have a new gap setting to help with spacing of layouts within them.
- Fixed Bento Areas child item alignment settings.
v1.5.0
- Bento Areas now supports Row sizing templates for each breakpoint
- The demo file has a new Areas Layout demo that illustrates this new feature. You can download the demo file on the product page.
v1.4.1
- Fixed minor corruption in the plist file with the stack tags and subtitles to possibly not work
v1.4.0
- New settings that allows you to control the default alignment of items in the Bento stack.
v{{ version }}
{{{ notes }}}
© 2025 Weavers Space | Terms of Service | Privacy Policy
"Just got my hands dirty working through Bento and I am sold. Very powerful yet elegant. Works with feeds. Very nice."