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

Flowbase

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)

Avocado - Webflow UI Kit

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

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)

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)

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

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

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

Willem's Workspace

Online GreatR ecipes

Stevie Griffin Design

SGD Workspace

Custom website for a line of cocktail mixers

BARCOOP BEVY

Shred City Recipes

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

Roxanne Good

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

student-life-meal-preps

102022939

1026885926

102976941

1038319252

gpt-5-nano

1098530826

gpt-4.1-mini

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-5

1181518147

1186914386

claude-opus-5

119812244

1207293145

1249999967

1270011358

1274323923

1338389614

140432223

1444732314

1462086697

1472415557

1506258256

1514009179

15382271

1559290700

1567550242

1592612642

1609688815

1621889036

1631162196

1674778404

1692956854

1696523225

17004821

1726628865

173867728

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

1919353748

193274770

193713651

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2031366339

2104957652

2144870841

2147413158

2167006968

2216482092

2243824526

2250401860

225169335

2256326107

2291666157

2320791503

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2355832585

2401116685

2401437500

2486364096

gpt-4o

gpt-5-mini

gpt-4o-mini

2493307210

2546957535

2556595834

2562948942

2624148589

2639613659

265457401

2717840929

2749253609

2789269995

2826734787

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

2972123611

2977143887

3022611874

3023147062

3026881092

3040272982

3056387847

3057360577

3070246498

307653616

3099012871

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

32368712

3238278814

3256408208

3258716925

3266482432

3289310561

3313039722

3315729993

Best Recipes Websites | Free Examples & Designs

Discover Recipes websites
built by the Webflow community

Start with a clone. Make it yours with an AI agent.

Discover Recipes websites built by the Webflow community

Start with a clone. Make it yours with an AI agent.

Discover Recipes websites
built by the Webflow community