← Cafe and coffee shop themes

MGD Coffee Shop Bento

MGD Coffee Shop Bento is a free cafe and coffee shop WordPress block theme: tile mosaic for the hero and services, floating pill navigation, rounded and friendly. 7 block patterns, 8 style variations, 695 KB zip.

Download the themeTry it in WordPress PlaygroundAlso as HTML
MGD Coffee Shop Bento front page at 1280 px, rendered by WordPressMGD Coffee Shop Bento front page at 390 px, rendered by WordPress
Sub-nicheCafe and coffee shop
LayoutBento: tile mosaic for the hero and services, floating pill navigation, rounded and friendly
Default styleplayful
Style variations8
Block patterns7
Blocks on the front page175, of which 0 are Custom HTML (forms and small decoration)
RequiresWordPress 6.6 or later, PHP 7.4 or later
Tested onWordPress 7.1.4, PHP 8.3.36, 2026-11-07
Download695 KB zip
SHA-256981b294a98172d58266e916a513c505f40cfc86ab11ef2a9d6240329d3d2cebb

Install

  1. In WordPress, go to Appearance, Themes, Add New Theme, Upload Theme.
  2. Upload the zip, click Install Now, then Activate.
  3. Set your Site Title in Settings, General. The header shows it.
  4. Edit text, colours and fonts in Appearance, Editor.

Licence

Theme code and patterns: GPL-2.0-or-later. Bundled fonts: SIL Open Font License 1.1. Illustrations: original, included under the same GPL terms.

Before you use it

Names, people, addresses, phone numbers, dishes, menus, prices and opening hours in every template are fictional samples to replace. Dietary labels and allergen notes are labelled samples: check every dish with your kitchen. The templates are designs, not food safety or legal advice, and they do not make a site compliant with any allergen, food hygiene, licensing or advertising rule. Forms are static sample markup. They do not send anything until you connect a form plugin.

Other cafe and coffee shop themes

MGD Coffee Shop Concierge · MGD Coffee Shop Folio · MGD Coffee Shop Ledger · MGD Coffee Shop Menu · MGD Coffee Shop Reserve

Plain text for assistants: this page as Markdown.

Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Save to board