Unsection
Website design inspiration organised by section: heroes, pricing, testimonials, footers and more.
WebsiteFree planWeb
4.3Visit
Website
BentoGrids
Curated collection of bento grid layouts for design inspiration.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is BentoGrids?
BentoGrids is a curated collection of bento-style grid designs, the tiled card layouts popular on product and portfolio sites. Browse it for layout ideas when designing feature sections or dashboards. It is free to browse.
Pros
- Great reference for a popular layout style
- Quick to browse
- Free to use
Cons
- Only covers one layout style
- Inspiration only, no code
Who should use BentoGrids
Designers building feature sections, portfolios or dashboards in a bento style.
Who may not need it
Anyone not designing web layouts.
BentoGrids alternatives
Similar resources to BentoGrids, picked from the directory.
404s.design
Curated gallery of creative 404 error page designs.
WebsiteFreeWeb
4.2Visit
Footer.design
Curated gallery of website footer designs, sorted by type and style.
WebsiteFreeWeb
4.2Visit
Iconly
A curated inspiration library of 2,400+ app, game and web app icons.
WebsiteFreeWeb
4.6Visit
Book of Shapes
A curated gallery of generative patterns — discover, customize and download algorithmic art.
WebsiteFreeWeb
4.5Visit
DesignMD.ai
Hundreds of free, community-made DESIGN.md design systems for AI coding tools.
WebsiteFreeWeb
4.4Visit
Free alternatives to BentoGrids
Free resources that cover similar ground.
VibePrompt
UI prompt library and ready-to-paste Tailwind CSS snippets for every page section.
WebsiteFreeWeb
4.3Visit
ASCII Magic
Turn photos and videos into ASCII, pixel art, halftone and more in your browser.
Web AppFreeWeb
4.4Visit
ASCIInator
The cleanest ASCII art visuals generator.
Web AppFreeWeb
4.4Visit
DialKit
Dial in interface parameters, springs and animations live while you build.
TemplateFreeWeb
4.4Visit
Excalidraw CLI
Generate editable Excalidraw diagrams from text or JSON for agents and developer workflows.
FrameworkFreemacOS, Windows
4.4Visit
Gradientool
A simple tool for infinite unique gradient outputs.
Web AppFreeWeb
4.4Visit
Featured on Best Productivity Resources
Made BentoGrids? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/bentogrids" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.