A powerful, free web-based tool for creating stunning Bento-style(apple like) grid layouts. Design, customize, and export beautiful grid compositions with drag-and-drop interface. Perfect for portfolios, social links, and showcases.
I’m building Bento Generator, a simple tool to create (Apple style bento cards for your projects - at least)
If you’ve ever wanted those clean, beautiful bento layouts for your product showcase, presentations, websites, or feature highlights, this tool makes it effortless. No figma or design software needed.
Why I built this
I love the polished look of Apple like bento layouts, but creating them usually takes time and design skills.
I built Bento Generator to make the process simple: just drag, drop, customise, and export.
You can start from ready made templates, or share and remix templates created by others.
How it works
1. Create a bento layout with an easy drag-and-drop editor.
2. Export it as an image for your website or slides.
3. Download or upload JSON files to share and reuse templates.
Why it matters
• No design tools required
• Export clean, high quality layouts instantly
• Easy to share and collaborate using templates
• Completely free, opensource and no watermark
Who it’s for
It’s built for builders, product managers, developers, marketers, designers, and anyone who wants to make their product look great without spending hours designing.
What’s coming next
Describe your product and generate a bento automatically using LLM
More customisation options and version control
A public template marketplace to share and discover layouts
Different canvas layouts - ratios( 4:3, 3:2, 1:1, 9:16)
I’ll keep the roadmap public and would love your feedback.
If you find bugs or have suggestions, please drop them as issues on the GitHub repo: here
If you like the project, give it a star ⭐ it really helps and keeps me motivated to build more.
Really love how simplistic it is and not only solves the problem ofpeople spending hours making grids but, for first time visitors, this is like the cutest thing seen first thing in the morning!
I love bento designs. I finally found a tool that allows me to create them easily. Thank you so much.
Congrats! Can it export clean HTML/CSS with responsive breakpoints, or just image/SVG?
I love the simplicity of the canvas and the possibility to choose from some templates. However, is it possible to edit the size of the whole card itself? Because it would be nice to have a "drag"-feature to do that. @okarun
HELL YEAH, thats the tool I needed!!! You can’t imagine how many hours I have lost on making bento grids for one of the landing pages! Def goes to my tool list. (Also fix the landing page for mobile, it isnt adaptive on iphone)
Hey Product Hunt! 👋
I’m building Bento Generator, a simple tool to create (Apple style bento cards for your projects - at least)
If you’ve ever wanted those clean, beautiful bento layouts for your product showcase, presentations, websites, or feature highlights, this tool makes it effortless. No figma or design software needed.
Why I built this
I love the polished look of Apple like bento layouts, but creating them usually takes time and design skills.
I built Bento Generator to make the process simple: just drag, drop, customise, and export.
You can start from ready made templates, or share and remix templates created by others.
How it works
1. Create a bento layout with an easy drag-and-drop editor.
2. Export it as an image for your website or slides.
3. Download or upload JSON files to share and reuse templates.
Why it matters
• No design tools required
• Export clean, high quality layouts instantly
• Easy to share and collaborate using templates
• Completely free, opensource and no watermark
Who it’s for
It’s built for builders, product managers, developers, marketers, designers, and anyone who wants to make their product look great without spending hours designing.
What’s coming next
Describe your product and generate a bento automatically using LLM
More customisation options and version control
A public template marketplace to share and discover layouts
Different canvas layouts - ratios( 4:3, 3:2, 1:1, 9:16)
I’ll keep the roadmap public and would love your feedback.
If you find bugs or have suggestions, please drop them as issues on the GitHub repo: here
If you like the project, give it a star ⭐ it really helps and keeps me motivated to build more.