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

Hey guys,

Here's the first pack of UI elements that I thought I'd share with the community.

Please Note: This project was made 2+ years ago, and doesn't meet our current quality standards. BUT hopefully, it can still help someone <3 
⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

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

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

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

Avo - Webflow UI Kit (Clone)

Avocado - Webflow UI Kit

Welcome to daily interaction #105!

This demo showcases a recipe card animation on hover. When hovering over the card the image becomes full height, and the card moves forward on the z-axis. The card was placed in a wrapper with a perspective applied to it to bring the card forward. Also a timer icon with the time it takes to create each recipe shows in the upper-right hand corner when hovering. This could be a great recipe card for a food blog.

Happy Webflowing!

Inspired by: https://codepen.io/veronicadev/pen/WJyOwG

To view more daily interactions and premium content visit:
https://www.webdevforyou.com/

If you'd like more information on how this interaction was accomplished be sure to join the Slack Community!

WebDev for You - Daily Interaction #105

WebDev For You - Daily Interaction #105

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

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

Сто рецептов

Memberstack

Hey everyone!

Here's a fun responsive dashboard template made with Webflow + Memberstack complete with Google Auth!

This template is completely free to use for both personal and commercial purposes.

Recipes Dashboard

Responsive Dashboard | Webflow Recipes Manager

Create a beautiful recipe directory to showcase your culinary talents!

Jetboost.io is used to provide visitors the ability to search, filter, and save their favorite recipes.

After you clone the project, you can easily import the Jetboost setup into your own Jetboost account. Questions? Email support@jetboost.io and we'd be happy to help!

Thanks to Elena Laenko (https://webflow.com/elenalaenko) for the amazing design and implementation!!

CMS Recipe Directory

CMS Recipe Directory Template (w/ Jetboost)

A complete online rebranding for NorthSeaChefs. A fresh, dynamic realization that empowers their mission.

NorthSeaChefs

Full template design and build, from mood board to launch. Used Jetboost on the filter pages.

Recipes For All

Recipe Blog - Full Template

Created by @jonfavreau and @chefroychoi The Chef Show is a dive in the pleasure of cooking and how it is good for everyone!⠀
As a designer I couldn't help but noticing that show's website wasn't updated in a while, and not really ideal to promote the show, so I went ahead and redesigned it.⠀

The Chef Show

The Chef Show (Netflix) Revamp

It is an awareness platform that supports ecological life.
*Simple recipes for home economy
*Food recycling
*Local food production

Front-end made in 👉 WebFlow
Back-end: PHP Database: MYSQL

🌟Modules: Modules: Categories, Authors, Posts, Comments, Users, Image Gallery, Brands, Social Media, Contact

Don't forget to appreciate and follow me🤗, thanks.
Available for new projects: hurkangokkaya@gmail.com

***Looking for job opportunities in Europe***

Let's Connect
Webflow | LinkedIn | Instagram | Website

My Brands
BrainOG | Interlanguage Club | Book of Metal | Yabancı Delisi | Interlanguage Talks

Food Mag

Boost your personal brand as a dietitian consultant, health coach, or nutrition medical doctor 🍏🥦 with Nutritionist X, our ultimate nutritionist Webflow Template created specifically for people working in the health & wellness industry.

- - -

Interested in Nutritionist X - Nutritionist Webflow Template?
• Check out a live preview here:
https://nutritionisttemplate.webflow.io/
• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/nutritionist-x-coaching-website-template

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

- - -

• 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/.

[Showcase] Nutritionist X | Webflow Template

Nutritionist X - Nutritionist Webflow Template

A nice clean recipe landing page for you. Enjoy

Recipes Warehouse

Recipe Landing Page

Here's a nice one for you lot! Call it a health recipe membership landing page. Enjoy and remember to spread the love!

Detox Meal Plans

DetoxMealPlans

This is a website that helps students create cheap, easy meal preperations for the week.

Student Life Meal Preps

student-life-meal-preps

Maria Fernanda Ortiz

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

Coddle Kitchen Food Waste App

A personal blog I created for my better half. She's always had a very close relationship with cuisine, here's where she shares with the world her ideas, inspiration, favourite ingredients and personal touch where a bit of Canada, a bit of Colombia and another bit from all around the world fuse together in a creative game of flavours, textures and colour :)

Discover recipe websites built by the Webflow community

Discover recipe websites built by the Webflow community