Discover the best cooking websites created by professional designers. Get inspired and start planning your perfect cooking web design today!

Flowbase

Hey! Here's a free modern recipe template for you to clone for your own projects.

⦿ Recipe Landing Page
⦿ Recipe Single Page (With Instructions)

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Insights @ www.twitter.com/t_bekkers

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography license available under CC0
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Recipe Template

Anna Kelian

I always wanted to collect my mom's recipes and kitchen tips into a book, but when i started to design websites I decided to make a website and blog where she can share her recipes and we, her children, can share our kitchen diaries. After years of research and gathering recipes, and after a couple of website designs, finally, me and my sister joined our design skills and created mom's notes.

momsnotes

Dmitry Kravchenko

Дизайн и вёрстка сервиса доставки продуктов и рецептов от лучших шеф-поваров города — https://www.storeceptov.ru

Сто рецептов

JP Dionisio

1 Day Challenge #001

I did the design with Creative Cloud & Figma for 5 hours
and another 5 hours to develop it in Webflow.

Trying to gauge with what I can do in a single day
and also to improve my web design process.
I didn't have enough time to optime the image sizes.
First time to use the tabs element.
Happy with what came out of from scratch.

Interested in working together?
hey@jpthedio.com

Feel free to clone this one.
Nothing really mind-blowing with this one.
Might add some interactions in the future.
Enjoy!

Umami at BGC - Japanese Sushi Restaurant

Aaron Rudyk

This is a school project that I made to inspire youth to build confidence in the kitchen. The goal of the website is to teach techniques and skills that will take someone from never setting foot in the kitchen before to being a competent cook, and if desired all the way to becoming a chef.

The site has gamification features like badges, XP and community engagement to make learning more fun. 

Note that the site isn't done as it is missing things like video content, a courses page, and mobile optimization.

Let me know what you think of it so far!

cookwithchef

Willem Prinsloo

superrecipesselection

Tiffany Ch

Make a meal from ingredients you have at home, manage your ingredient expiry dates, extend the life of fresh produce, eat healthily, save money and reduce food waste.

Coming soon! Be the first to know when Coddle launches.

Coddle Kitchen Food Waste App

Max Smith-Cordell

The goal for Max Makes Munch was to create an editorial looking website with easy to follow recipes and engaging blog posts. This project utilises Webflow's CMS, structured data, and was designed with UX at the forefront. The website was built responsively with a separate mobile nav for ease of use.

Max Makes Munch

BRIX Templates

Looking to publish delicious recipes on your food blog? Presenting Diet X, our food recipes blog Webflow Template that includes everything to help you launch an amazing food blogging site and become a foodie influencer.

- - - - - - - - - -

Interested in Diet X - Food Blog Webflow Template?
• Check out a live preview here:
https://diettemplate.webflow.io/
• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/diet-x-recipe-website-template

Looking for an amazing Webflow Template for Nutritionist, Fitness Coach, Healthcare, Wellness Center, Wellness Products, Recipes, Dietitian, Doctors, Recipe, Meal Plan, Lifestyle, Cooking, Health Coach, Diet Plan.

- - - - - - - - - -

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/
• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team at https://brixagency.com/

Diet X - Food Recipes Blog Webflow Template | BRIX Templates

Nolan Marketti

An amazing chef that delivers basily awesome private cooking classes and instruction, focusing on authentic Asian cuisine.

Basily Delicious

B Burgess

#cookingcouplets - Cook proudly and share. Get weekly recipe "couplets" that you can share with other cooks all over the world on Instagram using the hashtag #cookingcouplets.

#cookingcouplets

Roy CAO

CookingInFashion

Ogunlana adeniyi

onizee-recipe

Alek Dras

Easy to follow recipes for cheap, tasty and healthy eating.

CookEasy

Viand - The Intersection of Food & Life

In-Step Digital

A product landing page produced for Groupe SEB Australia, featuring Jamie Oliver and his custom Ingenio range of cookware. The final version is hosted on https://my.tefal.com.au/jamie-oliver-ingenio

Jamie Oliver Ingenio by Tefal

A product website for Groupe SEB Australia, showcasing the capabilities of their automated pressure cooker and a catalog of searchable recipes.

Cook4Me by Tefal

Stefano Fresch

E-commerce website for the restaurant Camurria in Toulouse, France.

Camurria

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Cooking Website Examples & Free Designs

Discover cooking websites built by the Webflow community

Discover cooking websites built by the Webflow community