Bento Grid Generator
Create beautiful bento layouts online
157 followers
Create beautiful bento layouts online
157 followers
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.
Bento Grid Generator
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.
Sellkit
Congrats! Can it export clean HTML/CSS with responsive breakpoints, or just image/SVG?
Bento Grid Generator
@roozbehfirouz for now its image(PNG) and json (for sharing), but soon i will implement HTML/CSS, React and embed.
Notion Template Checklist
I love bento designs. I finally found a tool that allows me to create them easily. Thank you so much.
Bento Grid Generator
@ahmetmertugrul hope you liked it <3
TabAI
Bento Grid Generator
@igor_martinyuk Hey man, Thanks a lot, wanted to keep the grid layout as 16:9 ratio thats why its not optimised for mobile phones. Will definitely add more layout types like sqauare, 4:3 and more.
Camocopy
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
Bento Grid Generator
@jim_engine its possible to edit the card itself to one of 4 default layouts
Very useful, thanks!