Meatza — Tailwind CSS Shop Template (HTML)

About This Item

Meatza pairs a product shop with a recipe archive, so a butcher can sell cuts and also show customers how to cook them. This Tailwind CSS shop template suits meat restaurants, butchery brands, BBQ and grill places, and food bloggers. Tailwind CSS 4 styles all 18 pages and both home layouts.

Butchers, BBQ Grills and Recipe Bloggers

Each type of buyer will use the pages in a different way.

• Meat restaurants can present signature dishes through the recipe archive and recipe pages.
• Butchery brands can sell cuts in the shop, while Countdown timers mark limited-time offers.
• BBQ and grill places can let visitors filter menus and recipes by category.
• Food and recipe bloggers can publish in blog grid and masonry layouts.
• Culinary product stores can combine recipe content with a product shop.
• Freelancers and agencies can deliver a complete food site to a client fast.

Recipe Archive, Shop and Blog Pages

The 18 pages fall into a few groups.

• Home: Home v1 and Home v2 use different hero and showcase arrangements.
• Recipes: the Recipe Archive lists meat and BBQ recipes, and Recipe Details shows ingredients and method.
• Shop: the Shop page lists meat products, and each Product Details page has a gallery.
• Blog: Blog Grid, Blog Masonry and Blog Details cover culinary articles.
• Company: About Us tells the brand story, and Contact Us has a form and a map.

Countdown Timers and Category Filters in a Tailwind CSS Shop Template

Isotope filters recipes and products by category or cut type, so a shopper can narrow a long list quickly. Countdown timers sit beside limited-time food promotions. Slick carousels highlight featured recipes and products, and Magnific Popup opens food images full screen.

Because recipes and products live on one site, a butcher does not need a separate blog and store.

Changing Recipe Cards and Product Blocks

Tailwind CSS 4 places each section’s styling on its own elements. In this Tailwind CSS shop template, you can open a Shop card or a Recipe Details layout and read how it is styled on the spot.

Because a section carries its styling with its markup, you can copy a product block into Blog Grid and it looks the same there.

Photos, Recipes and Contact Details to Change First

Start with the Home hero and the product entries on the Shop page. Then replace the recipes, because the Recipe Archive and Recipe Details pages carry most of the food content. After that, rewrite the About Us story and update the form and map on Contact Us.

Placeholder Images and Source Files in the Download

Open any page in a browser and it displays correctly with no build step. The download also ships the original Tailwind files, which lets a developer adjust the design and compile a fresh stylesheet. The preview photos are not part of the package, so neutral stand-in pictures sit where they were.

The pages draw their icons from Flaticon and FontAwesome, and the type comes from Google Fonts. A documentation guide comes with the files.