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

WebDev For You

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

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

Juice Agency

Sharing a meal with friends and family is special, and sharing the preparation can make that meal even more special. While our Upwork family can’t all sit down to a meal together, we can still connect with each other through our favorite recipes.

Upwork Cookbook

Dmitry Kravchenko

Дизайн и вёрстка сервиса доставки продуктов и рецептов от лучших шеф-поваров города — 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.

Responsive Dashboard | Webflow Recipes Manager

Chris Spags

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 Template (w/ Jetboost)

Nicholas Van Beylen

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

NorthSeaChefs

Happy Wednesday, WF community 🥳 It's beta time! 

We’re excited to work with everyone in the beta to lay a solid foundation for more types of User Generated Content, and can’t wait to see what surprising & inspiring things you all can do with it. (First time you're hearing about this? Click here to join Slack (https://www.memberstack.com/slack) and then search for "beta.")

‍Our number 1 goal is to get your feedback. Good, bad, and everything else.

For now, these new functionalities should not be used in production Apps – early access is intended to gather feedback so we can make breaking changes ASAP before launching. For example, just yesterday Tyler completely reworked the database schema to improve long-term performance.

Commenting Beta (Starter Project)

Jon Larson

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

Recipe Blog - Full Template

Rodrigo Leles

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 (Netflix) Revamp

Willem Prinsloo

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

DetoxMealPlans

Hürkan Gökkaya

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

A nice clean recipe landing page for you. Enjoy

Recipe Landing Page

BRIX Templates

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

Nutritionist X - Nutritionist Webflow Template

Washington Baca

Maria Fernanda Ortiz

Roxanne Good

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

student-life-meal-preps

Tonic

I was sick of never being able to find recipes I've found on the web. I decided to just build a little CMS site with some filters to help me store them. Lots more recipes coming soon!

Vegan Recipe Bank

Changes Design

A simple recipe blog ideal for foodies who want to easily document and share their favourite home cooked munches.

The recipes are built in the Webflow CMS and can be searched / sorted using Finsweet's Attributes CMS Filter.

Discover recipe websites built by the Webflow community

Discover recipe websites built by the Webflow community