Never miss a recipe! Subscribe Here

  • About
  • Contact
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Cotter Crunch

Cotter Crunch

Delicious Healthy Gluten Free Recipes

  • All Recipes
    • By Diet
      • Dairy-Free
      • Egg-Free
      • Gluten-Free
      • Grain-Free
      • Low-Carb
      • Nightshade-Free
      • Nut-Free
      • Vegan
      • Vegetarian
      • Whole30
    • By Type
      • Breakfasts
      • Casseroles
      • Condiments
      • Desserts
      • Drinks
      • Main Dishes
      • Sides & Salads
      • Snacks & Appetizers
      • Stews & Soups
    • By Method
      • Air Fryer
      • Blender
      • Instant Pot
      • No-Bake
      • Oven
      • Slow Cooker
      • Stovetop
    • Quick Meals
    • With Video
  • Meal Plans
  • Shop
  • Start Here
    • Gluten-Free Eating
    • More Diet Guides
      • Autoimmune Protocol
      • Anti-Inflammatory
      • Vegan
      • Vegetarian
      • Whole30
  • Cookbooks
  • Search
Home › Recipes › By Type › Desserts
★★★★21 Comments

Vegan Chocolate & Vanilla Mug Cake Recipe!

Avatar photo

by Lindsay Cotter Posted: September 19, 2019

Dairy-FreeEgg-FreeGluten-FreeNut-FreeVegan
Jump to Video
Jump to Recipe
mug cake with chocolate chips
mug cake with chocolate chips

This chocolate and vanilla mug cake recipe is a gluten free and vegan cake recipe, perfect for breakfast or dessert. It’s a microwave cake that can even be made sugar-free, so it’s a great option for anyone with dietary restrictions.
Since this is cake in a mug, you know it will be quick and easy to make. You can prep and bake the cake in about 7 minutes total – it doesn’t get easier than this!

vanilla mug cake topped with chocolate chips, a bite taken out

Hey Friends! We’re going old school today. Bringing back a recipe trend (trending at Cotter Crunch that is) from 7 years ago. Mug cakes! But before you look start to google “what is a mug cake?” Let me first explain to you how they were made then vs now. I know, so exciting, right? 😉 Then we will get into the mug cake recipe details and video. Sound good?

My Mug Cake Recipe – Old vs. New (and Improved!)

I first started making mug cake recipes back in 2011, when my husband was training for Ironman. Man oh man did he need all the food! We were traveling a lot for races and most of our hotels just had a microwave. So, instead of grabbing a processed muffin with little to no protein from the store, I’d make him a mug cake recipe with just protein powder, fruit, and an egg! Okay I made him like 5, but you get the point. Protein mug cakes became a staple “post workout”  recovery snack when we were on the go!

Several mug cakes made chocolate and vanilla on baking sheet, topped with ice cream, chocolate chips.

Fast forward 8 years and my husband no longer races pro triathlon. But we still enjoy a vanilla mug cake for a light breakfast, or a chocolate mug cake for dessert.

Options for Flour

I often use oat flour to make the breakfast vanilla mug cakes and then cassava flour for a rich dessert chocolate mug cake. Both types of flour work great and whichever one you use, NO eggs are needed! The cassava flour is a little more dense, but totally delish. It’s like a rich brownie. Just sayin..

spoon digging into chocolate mug cake

Lastly, I often whip up a few chocolate and vanilla mug cakes, in the oven, for when guests come over for dinner. No, really! I do! This way, it’s easy to tailor to their dietary needs. Paleo, keto,vegan, egg free, sugar free, nut free, etc. I gotcha covered!!

How to make a microwave mug cake IN THE OVEN

To make a microwave mug cake in the oven:

  1. Mix the ingredients, either right in the oven-proof ramekins, or a mixing bowl works too.
  2. If you use a bowl, pour the batter into the ramekin dishes, then place them onto a cookie sheet.
  3. Bake for 15-20 minutes at 350F. EASY PEASY!

Now, let get that vanilla cake in a mug made. 😉


overhead view of microwave cake recipe ingredients on countertop

This vanilla cake in a mug is a gluten-free and vegan cake recipe, perfect for breakfast or dessert. It’s a microwave cake that can even be made sugar-free!

HOW TO MAKE VEGAN VANILLA MUG CAKE (CUSTOMIZABLE)

VEGAN VANILLA MUG CAKE

Vanilla Mug Cake Ingredients

  • Plain or vanilla protein powder or oat flour.
  • pinch of salt
  • raw sugar (or xylitol for sugar-free)
  • baking powder
  • 1 tablespoon  coconut oil or other oil of choice
  •  apple cider vinegar (to help it rise) optional
  • milk of choice, such as almond milk (if using pea protein, you will need 1-2 tablespoon more milk)
  • pure vanilla extract
  • Add-ins of your choice: chocolate chips, berries, or even TOP with SPRINKLES and coconut whip cream!
Vanilla mug cake in small white mug topped with chocolate chips, bite taken out

Chocolate Mug Cake Ingredients

The ingredients you need to make the chocolate mug cake are the same as the vanilla version, with two exceptions.

  1. You can use cassava flour instead of oat flour to make it more dense and brownie like! My favorite it oat or millet flour though. 
  2. If you are using protein powder, use chocolate instead of vanilla.
  3. For even more chocolate flavor, substitute ½ tablespoon of unsweetened cocoa powder for the same amount of either protein powder or cassava flour.
  4. Dark chocolate chips go on top, obviously. 😉

Why are mug cakes chewy?

If you are shaking your head in agreement, I can help you avoid the dreaded chewy cake! Just use these tips and you will have a light, fluffy vanilla or chocolate mug cake.

  1. Use oil sparingly. When you make any type of microwave cake, it’s important to grease the mug. However, too much oil creates that not-so-perfect” mug cake chewiness. Butter does make the cake lighter but of course, then it won’t be a vegan mug cake.
  2. Stir with a fork. This may seem strange but when you are mixing the ingredients in a mug, there isn’t much room to move the ingredients around to combine them. Using a fork helps to combine everything while also breaking up any lumps of flour or protein powder.
  3. Don’t overcook the cake. The power of a microwave is intense and the higher wattage ovens (over 900 watts) can easily overcook cake in a mug. Error on the side of caution and remove the cake 10-15 seconds early. The cake will continue to cook even after you remove it from the microwave.

Need more quick vegan desserts?

I’ve gotcha covered! Here are some of my favorites:

  • Almond Flour Cookies (Vegan, Paleo)
  • Apple Pie Peanut Butter Mug Cake {Vegan, Grain Free}
  • Mix and Match Vegan Fruit Crumble with Oat Flour
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Vanilla mug cake in white mug topped with chocolate chips with spoon in cake

Vegan Chocolate & Vanilla Mug Cake


★★★★

3.4 from 5 reviews

  • Author: Lindsay Cotter
  • Total Time: 5 minutes
  • Yield: 1 1x
Print Recipe
Pin Recipe

Description

This vanilla mug cake recipe is a gluten free and vegan cake, perfect for breakfast or dessert. It’s a microwave cake recipe that can even be made sugar-free!


Ingredients

Scale

Update 4-15-2020

  • 3–4 Tablespoons oat flour (or make your own by grinding rolled oats) or vanilla or chocolate protein powder. *See notes if using protein powder and substitutes.
  • pinch of salt
  • 2 Tablespoons raw sugar or sweetener of choice (xylitol for sugar-free maybe substituted)
  • ½ teaspoon baking powder
  • 1 Tablespoon oil or melted refined coconut oil.
  • ½ teaspoon vinegar or apple cider vinegar (to help it rise)
  • 1 teaspoon pure vanilla extract
  • 3 Tablespoons milk of choice, such as almond milk (if using pea protein use additional 1-2 Tablespoons milk)
  • Add-ins and toppings: vegan chocolate chips, berries, sprinkles, coconut whip, coconut whip, peanut butter baking chips, etc. .

Instructions

Oven baked option in notes

Microwave Mug cake 

  1. Whisk dry ingredients together in a bowl (flour or protein powder, salt, sugar, baking powder) 
  2. Next, place oil, vinegar, and vanilla in three different spots on top of the dry mix. (see video in post)
  3. Pour milk over the top and gently stir. You will see a few bubbles.
  4. Pour this mixture into greased microwave mug or ramekin. If using pea protein or cassava flour, the batter will be thicker. Use the back of a spoon or your fingers to gently press the mixture down into the mug.
  5. Microwave on high in 3 intervals of 30 seconds each time, check to see if the cake is firm. If not, cook 15-20 seconds again. Total time depends on microwave power. The top should be firm to touch once cooked. Remove from microwave, let it cool a minute.
  6. Dig in with a spoon or flip over onto a plate . Toppings optional but a good scoop of yogurt or coconut whip is divine! 

Notes

Alternative flours * Pea protein and cassava flour are thick. If you use them, you will need to gently press the mixture down into the mug with a spoon or your hands. Texture and microwave times will vary.

Oven baking option –  Bake at 350F for 15-20 minutes in ramekin. Check at 15 minutes for doneness. Serves 1

CHOCOLATE MUG CAKE – The ingredients you need to make the chocolate mug cake are the same as the vanilla version, with two exceptions.

  1.  If you are using protein powder, use chocolate instead of vanilla.
  2. Mix in ½ tablespoon of unsweetened cocoa powder with the 3 tablespoon protein powder or oat flour. Dark chocolate chips go on top or mix in batter.
  • Prep Time: 3 minutes
  • Cook Time: 2 minutes
  • Category: desserts
  • Method: microwave
  • Cuisine: American

Nutrition

  • Serving Size:
  • Calories: 275
  • Sugar: 12.8 g
  • Sodium: 45.9 mg
  • Fat: 15.8 g
  • Saturated Fat: 11.5 g
  • Carbohydrates: 28.3 g
  • Fiber: 1.3 g
  • Protein: 3.2 g
  • Cholesterol: 0 mg

Keywords: vanilla mug cake, microwave mug cake, microwave cake

We have a new cookbook!

Allergy Friendly Recipes for Everyone Around The Table! Pre-order here

mug cake with spoon

Alright my friends, let me know if you give this mug of a cake (wink wink) a whirl. Be sure to check out the video above more more tips and tricks! Mmm k?

Cheers!

LC

319 shares
  • Share
  • Tweet

Categories: Dairy-Free, Desserts, Egg-Free, Gluten-Free, Has Video, Nut-Free, Vegan, Vegetarian Tags: cake, dessert, vegan

More recipes you’ll love!

Gluten Free Chocolate Cupcakes (Vegan Option)
pumpkin seed granola in a jar with twine wrapped around the top
Spiced Pumpkin Seed Granola (Grain free)
Overhead image: Cooked lemon blueberry cake in baking dish
5 Ingredient Lemon Blueberry Cake (Gluten Free)
woman's hand holding a Mexican chocolate vegan muffin
Dark Chocolate Vegan Muffin Recipe
mug cake with chocolate chips
mug cake with chocolate chips
Lindsay Cotter of Cotter Crunch

About Lindsay

Hi, y’all, I’m Lindsay Cotter, a Nutrition Specialist with a focus on Gluten-Free eating. I love creating delicious nourishing food that anyone can enjoy.

  • About
  • Studio
  • Shop
  • Subscribe
  • Instagram
  • Pinterest
  • Facebook
  • Twitter
  • YouTube

Have a question? Use ctrl+f or ⌘+f on your computer or the “find on page” function on your phone browser to search existing comments!

Reader Interactions

Comments

    Rate & Comment Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe rating ★☆ ★☆ ★☆ ★☆ ★☆

  1. Elizabeth Reynolds

    02/17/2023 at 10:16 PM

    so yummy! used vanilla pea protein, choc chips and some extra oat milk.

    ★★★★★

    Reply
    • Avatar photoSammi (Cotter Crunch Test Kitchen)

      02/19/2023 at 4:08 PM

      Way to make this your own! Yummo!

      Reply
  2. Ermintrude

    09/05/2020 at 3:34 PM

    THIS IS IT BOYS! Best GF mug cake recipe I’ve found yet. Thank you :))))

    Reply
    • Avatar photoLindsay Cotter

      09/05/2020 at 5:25 PM

      Oh wonderful! So glad! 🙂

      Reply
  3. Marcia K

    07/06/2020 at 3:18 PM

    Was an awful blob, did not rise. Gooey spongy mess

    ★

    Reply
    • Avatar photoLindsay Cotter

      07/06/2020 at 4:17 PM

      Oh no!! What flour did you use?

      Reply
      • Marcia K

        07/06/2020 at 4:37 PM

        I used Bob’s Red Mill gluten free. However, I notice in your recipe above that now you do not say one can use gluten free flour. This is different from the recipe I used today, which I got from your emailed newsletters. “ 3– 4 tbsp oat flour (or make your own by grinding rolled oats), vanilla protein powder, gluten free flour, or cassava flour for paleo option. *See notes if using protein powder”

        Reply
        • Mala Rama

          08/10/2020 at 2:32 AM

          Hi..is it possible to convert the the recipe into a full cake recipe? That would be awesome. If yes…can you advise on the quantity of ingredients?

          Reply
          • Avatar photoLindsay Cotter

            08/10/2020 at 10:23 AM

            I haven’t tried it. But I do have other vegan cakes if you want to try that!

  4. Amber

    04/09/2020 at 4:04 PM

    This is the most broken recipe I’ve ever seen. There’s missing information in the ingredients and the instructions contradict each other. I tried my best with the information provided and the dough was clearly dry, so I doubled the milk and it still came out as literal crumbs. Please fix this recipe.

    ★

    Reply
    • Avatar photoLindsay Cotter

      04/09/2020 at 5:37 PM

      Whoa, not sure what happened with the recipe. It’s updated now!! Fixed.

      Reply
  5. Brooke

    10/20/2019 at 6:45 PM

    Beautiful presentation. I can’t wait to try this out! Thank you for sharing.

    Reply
    • Avatar photoLindsay Cotter

      10/21/2019 at 11:01 AM

      keep me posted Brooke!

      Reply
  6. Leslie

    09/22/2019 at 10:29 AM

    I used gluten free flour with 3 TBLS almond milk and it turned out like a gooey sponge. What can I do differently next time to make it more cake like? Less flour? Less milk?

    Reply
    • lindsay cotter

      09/22/2019 at 10:57 AM

      Hmmm that’s not good! What brand of flour? I’m wondering if it has xanthan gum. That could be why! I’ll update my notes. What other flours do you have?

      Reply
      • Leslie

        09/22/2019 at 8:59 PM

        It was King Arthur 1:1 GF flour. I bet it has xanthan gum. I will try almond flour next time!

        Reply
  7. Eileen Moran

    09/20/2019 at 8:11 PM

    Looks like a great idea! How much maple syrup did you use?

    Reply
    • Avatar photoLindsay Cotter

      09/21/2019 at 10:51 AM

      I used just about 1 tbsp! Super tasty!

      Reply
  8. Liz S

    09/20/2019 at 4:21 AM

    Love the video and love the mug cake recipe. Chocolate and vanilla, can’t beat classics.

    ★★★★★

    Reply
  9. Natalie

    09/20/2019 at 12:48 AM

    Looks so delicious and I love how easy these cakes are! Perfect for a night in 🙂

    ★★★★★

    Reply

Primary Sidebar

mug cake with chocolate chips
mug cake with chocolate chips
Lindsay Cotter of Cotter Crunch

About Lindsay

Hi, y’all, I’m Lindsay Cotter, a Nutrition Specialist with a focus on Gluten-Free eating. I love creating delicious nourishing food that anyone can enjoy.

  • About
  • Studio
  • Shop
  • Subscribe
  • Instagram
  • Pinterest
  • Facebook
  • Twitter
  • YouTube

Reader Favorites

  • photo collage of dairy-free gluten-free anti-inflammatory meal plan recipes
    Anti-Inflammatory Meal Plan {Dairy Free, Gluten-Free Recipes & Tips}
  • cinnamon bites in turquoise bowl, top protein ball has bite taken out to show inside texture.
    Cinnamon Vanilla Protein Breakfast Bites + Video
  • a bowl of curried cauliflower rice soup
    Curried Cauliflower Soup with Kale
  • Collage of 4 saucepans and skillets filled with 4 different varieties of gluten free roux.
    How to Make Gluten Free Roux for Keto Sauces + Soups
  • stack of dried orange slices on white background
    Dried Orange Slices (Oven or Dehydrator)
  • a skillet full of four balsamic roasted cranberry chicken thighs surrounded by roasted cranberries
    Balsamic Roasted Cranberry Chicken

Recipes by Diet

  • Dairy-Free
  • Egg-Free
  • Gluten-Free
  • Grain-Free
  • Low-Carb
  • Nightshade-Free
  • Nut-Free
  • Vegan
  • Vegetarian
  • Whole30

Recipes by Method

  • Air Fryer
  • Blender
  • Instant Pot
  • No-Bake
  • Oven
  • Slow Cooker
  • Stovetop

Recipes by Type

  • Breakfasts
  • Casseroles
  • Condiments
  • Desserts
  • Drinks
  • Main Dishes
  • Sides & Salads
  • Snacks & Apps
  • Stews & Soups

Resources & More

  • Meal Plans
  • Nutrition Guides
  • How-To
  • Quick Meals
  • Videos
  • Round Ups
  • Cookbook
  • GF Start Here
mug cake with chocolate chips
mug cake with chocolate chips
  • Instagram
  • Pinterest
  • Facebook
  • Twitter
  • YouTube
Cotter Crunch
  • About
  • Studio
  • Shop
  • Contact

© 2023 · Cotter Crunch · Disclaimer & Terms · Privacy Policy

319 shares