• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Bake It With Love

  • Easter
  • Recipe Index
  • About
  • Cookbooks
  • Subscribe
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Easter
  • Recipe Index
  • About
  • Cookbooks
  • Subscribe
×
Home » Recipes » Cake Recipes

Last Updated: Jul 20, 2024 by Angela Latimer · 118 Comments

Chocolate Chip Mug Cake

Jump to Recipe
Pin image with text divider of flowered mug with chocolate chip cake.

This chocolate chip mug cake bakes up fluffy and warm in the microwave. It has all the decadence you want from a dessert in a single serving. With just a few ingredients plus no eggs, this mug cake whips up in minutes and will satisfy your chocolatey dessert cravings!

Square image of flowered mug with chocolate chip cake.
Jump to:
  • Warm & Fluffy Individual Mug Cake
  • ❤️ Why I Love This Recipe
  • 🥘 Ingredients
  • 🔪 How To Make Chocolate Chip Mug Cakes
  • 🥗🥘🍲 Best Served With
  • 💭 Angela's Pro Tips & Recipe Notes
  • ⭐ Testimonials
  • 🥡 Storing & Reheating
  • 😋More Easy Mug Cake Recipes
  • ❓ Recipe FAQs
  • 📖 Recipe Card
  • 💬 Comments & Reviews

Warm & Fluffy Individual Mug Cake

As someone who's always on the go, I've found the perfect solution for when I'm craving something sweet but don't want to deal with a lot of fuss: mug cakes. These delightful treats have become a staple in my kitchen, and it's easy to see why they've soared in popularity recently.

Let me tell you about my favorite: the chocolate chip mug cake. It's a game-changer. This little gem packs all a traditional cake's rich, decadent flavors, yet it's so simple to make.

And when kids are around and want in on the treat, doubling the recipe is a breeze. Everyone gets their own cake in a mug, and there are smiles all around.

❤️ Why I Love This Recipe

  • It's quick! This mug cake takes only 4 minutes to make, prep time included.
  • It's customizable! Toss in some nuts for added crunch, top it with whipped cream, or try different flavors of chocolate chips; whatever you're craving, you can have it.
  • So convenient! No slicing is necessary, and the ease of carrying a coffee mug means you can eat your cake wherever you want.

🥘 Ingredients

Mug cake ingredient photo on white background.
  • ¼ cup All-Purpose Flour - Any brand of all-purpose flour will do. If you have self-rising flour, you can use that too; leave out the baking powder and salt!
  • 2 tablespoons Light Brown Sugar - A good habit to make when baking with brown sugar is to pack it down when measuring to press out any air pockets so you get an accurate measurement.
  • ¼ teaspoon Baking Powder - Baking powder is necessary because this cake has no eggs.
  • 1 pinch Salt = 1/16th of a teaspoon.
  • 3 tablespoons Milk - Whole milk will add the most moisture because it has the most fat, but you can use whatever milk you keep in the fridge.
  • 3 tablespoons butter - Pop your butter in the microwave for 30-45 seconds because it needs to be melted for this recipe. I like using salted butter for my mug cakes because it adds the most flavor, but unsalted is fine, too.
  • ½ teaspoon Vanilla Extract - Use 100% vanilla extract for the best flavor. Alternatively, if you have vanilla paste or a scraped vanilla bean, you can use that.
  • 2 tablespoons Chocolate Chips - I prefer milk chocolate or semi-sweet mini morsels, but you can use whatever kind you like.

Be sure to see the free printable recipe card below for ingredients, exact amounts & instructions with tips!

🔪 How To Make Chocolate Chip Mug Cakes

My chocolate chip mug cake is made in just three super easy steps. This recipe is for a single-mug cake, but you can easily double it to suit your needs.

If you're making more than one, microwave them individually so they cook evenly!

Mug cake process 1.
1
Mug cake process 2.
2
Mug cake process 3.
3
Mug cake process 4.
4
Mug cake process 5.
5
  1. Mix dry ingredients. In a bowl, whisk together ¼ cup all-purpose flour, 2 tablespoons light brown sugar, ¼ teaspoon baking powder, and a pinch of salt until well integrated.
  2. Add wet ingredients. Stir in the 3 tablespoons milk, 3 tablespoons melted butter, ½ teaspoon vanilla extract, and mix until nice and smooth. (Be sure to scrape the bottom of the bowl to moisten all the flour.) Then, fold in your 2 tablespoons of chocolate chips.
  3. Cook and enjoy! Microwave it on high for 1-2 minutes. Then, continue microwaving in 30-second increments until your cake is fluffy and bounces back to the touch. (See Tips & Recipe Notes) Allow your mug cake to cool in the microwave for 1 minute before serving.

🥗🥘🍲 Best Served With

Serve with a scoop of vanilla ice cream, or chantilly whipped cream, or drizzle it with a little strawberry coulis and cozy up for a treat. You could even try out some different flavored chocolate chips! Enjoy!

Wide image of flowered mug with chocolate chip cake.

💭 Angela's Pro Tips & Recipe Notes

  • Testing for Doneness. Ensure your mug cake is fully cooked by inserting a toothpick into the center. If it comes out with batter, continue microwaving in short increments, checking after each until the toothpick comes out clean.
  • Oven Baking Option. If you don't have a microwave, bake your mug cake in an oven-safe ramekin at 350℉ (175℃/Gas Mark 4) for 12-15 minutes. Remember, oven-baked cakes may have a denser texture but are equally satisfying.
  • Sugar Alternatives. While brown sugar is typically used for its moisture and flavor, you can substitute it with granulated sugar or a sugar alternative like erythritol. I use Swerve for the best results. Note that this might slightly change the cake's flavor and texture.

>>>See All Of My Tasty Recipes Here!<<<

⭐ Testimonials

I was a little worried about the batter looking thin or runny, but I added some nuts and cooked for 1 minute then added 15 more seconds for a perfect mug cake. So good!

Danny

🥡 Storing & Reheating

Mug cakes can be safely stored at room temperature for up to a day. To keep them moist, wrap them tightly in plastic wrap.

While refrigeration isn't necessary, you can chill your mug cake if you prefer it cold.

For longer storage, mug cakes can be frozen. Wrap them securely in plastic wrap, place them in a freezer bag, and label them with the date. They're best consumed within 3-4 months.

To thaw a frozen mug cake, leave it in the refrigerator overnight. If you're short on time, you can also thaw it at room temperature, but make sure to eat it within a few hours.

When reheating your mug cake, use the microwave in short bursts of 10-15 seconds. Be cautious, as it continues to cook slightly after heating. Remove it as soon as it's warm to avoid it turning rubbery.

Square collage photo of four mug cake recipes shared in this collection.

😋More Easy Mug Cake Recipes

  • Chocolate Protein Powder Mug Cake
  • Oreo Mug Cake
  • Peanut Butter Mug Cake
  • Vanilla Mug Cake
  • Nutella Mug Cake
  • Coffee Cake Mug Cake

Be sure to see my growing collection of mug cake recipes here, which includes all the best tips for the perfect mug cake dessert every time!

❓ Recipe FAQs

Am I able to make this mug cake vegan or gluten-free?

You can! To make a vegan mug cake, substitute your favorite vegan butter with the salted butter and the milk for nut or oat milk. To make it gluten-free, substitute the all-purpose flour for a gluten-free 1:1 flour that includes xanthan gum for texture.
Note: Substitutions may cause slight differences in flavor and/or texture in the mug cakes.

My mug cake is rubbery; what can I do?

I have some tips to help you make a perfectly fluffy mug cake. First, be sure not to over-mix the batter because that can make your cake tough. You want to mix it just until all the flour is incorporated. Be sure to check between every interval when you are microwaving.
The cake is ready when the top is shiny and slightly sticky to the touch. (This is also where you can use the toothpick trick mentioned above.) Your mug cake should give slightly when you touch it with your finger, almost bouncy. If it has no give, it is overcooked.

What if I substitute baking soda in place of baking powder?

Although they are both leavening agents, baking soda and baking powder are not interchangeable. Baking soda needs acid to trigger the leavening, and there is not enough acid in this recipe for it to work.

Tall image of flowered mug with chocolate chip cake.

Do you love a recipe you tried? Please leave a 5-star 🌟rating in the recipe card below and/or a review in the comments section further down the page.
Stay in touch with me through social media @ Pinterest, Facebook, Instagram, or Twitter! Subscribe to the newsletter today (no spam, I promise)! Don't forget to tag me when you try one of my recipes!

📖 Recipe Card

Wide image of flowered mug with chocolate chip cake.
Print Recipe Leave A Comment
Love This Recipe?Click On A Star To Rate It!
5 from 640 reviews

Chocolate Chip Mug Cake

This chocolate chip mug cake bakes up fluffy and warm in the microwave. It has all the decadence you want from a dessert in a single serving. With just a few ingredients plus no eggs, this mug cake whips up in minutes and will satisfy your chocolatey dessert cravings!
Author | Angela Latimer
Servings: 1 serving
Calories: 679kcal
Prep 2 minutes minutes
Cooking 1 minute minute
Cooling Time 1 minute minute
Total Time 4 minutes minutes
Pin Recipe Share on Facebook

Ingredients
 

  • ¼ cup all-purpose flour
  • 2 tablespoon light brown sugar (packed)
  • ¼ teaspoon baking powder
  • 1 pinch salt
  • 3 tablespoon milk
  • 3 tablespoon butter (melted)
  • ½ teaspoon vanilla extract
  • 2 tablespoon chocolate chips (milk chocolate or semi-sweet chocolate morsels, mini chips are best)

(Note: 2x or 3x only changes the ingredient list)

Help Us Out!If you love a recipe, be sure to come back and share your ratings. This helps future users, and allows me to continue sharing free recipes! Angela

Instructions
 

  • Whisk together your dry ingredients (¼ cup all-purpose flour, 2 tablespoon light brown sugar, ¼ teaspoon baking powder, and 1 pinch salt) either directly in your mug or in a small bowl.
  • Stir in the liquid ingredients (3 tablespoon milk, 3 tablespoon melted butter, and ½ teaspoon vanilla extract), mix until smooth, then fold in the 2 tablespoon chocolate chips. Transfer the batter into a mug if needed.
  • Microwave on high for 1-2 minutes. Continue heating in 15-30 second increments if needed until the cake is puffy, set, and springs back to the touch.
  • Allow your cooked microwave mug cake to sit in the microwave for 1 minute before serving.

Notes

  • 1 pinch of salt = 1/16th of a teaspoon
  • Ensure your mug cake is fully cooked by inserting a toothpick into the center. If it comes out with batter, continue microwaving in short increments, checking after each until the toothpick comes out clean.
  • If you don't have a microwave, bake your mug cake in an oven-safe ramekin at 350℉ (175℃) for 12-15 minutes. Remember, oven-baked cakes may have a denser texture but are equally satisfying.
  • While brown sugar is typically used for its moisture and flavor, you can substitute it with granulated sugar or a sugar alternative like erythritol. Swerve is my preferred sugar alternative for best results. Note that this might slightly change the cake's flavor and texture.

Nutrition

Calories: 679kcal (34%) | Carbohydrates: 71g (24%) | Protein: 7g (14%) | Fat: 41g (63%) | Saturated Fat: 26g (163%) | Polyunsaturated Fat: 1g | Monounsaturated Fat: 9g | Trans Fat: 1g | Cholesterol: 96mg (32%) | Sodium: 386mg (17%) | Potassium: 250mg (7%) | Fiber: 2g (8%) | Sugar: 45g (50%) | Vitamin A: 1209IU (24%) | Vitamin C: 1mg (1%) | Calcium: 168mg (17%) | Iron: 2mg (11%)
Did you try this recipe? Rate it below!I can’t wait to see your results! Mention @bake_it_with_love or tag #bake_it_with_love!
Course cake, Dessert Recipes
Cuisine American
« Ham Loaf
Ham Salad »

Share This Recipe!

  • Share
  • X
  • Flipboard
  • Threads
  • WhatsApp
  • Email

Reader Interactions

Comments

    5 from 640 votes (564 ratings without comment)

    Thanks for coming! Ask anything - or let me know what you think: Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Stephanie says

    March 15, 2025 at 10:55 pm

    4 stars
    Tastes great! Maybe a bit too much butter. Will make again with only 2 tablespoons.

    Reply
  2. Liz says

    March 08, 2025 at 7:44 pm

    5 stars
    This was sooo good! Just like a warm chocolate chip cookie.. nice and buttery! Yummm! Thank you!

    Reply
  3. Anay says

    January 11, 2025 at 1:24 pm

    5 stars
    The best mug cake recipe that I've found on the internet, none others have worked nearly as well as this one. Takes a bit more than 5 minutes for me normally, just so that I can get the measurements right, but the end result is very much worth it. In under 10 minutes I can have a cake that's better than any box cake mix, my family loves it and asks me to make it often haha!

    Reply
« Older Comments

Primary Sidebar

Pin image with text divider of flowered mug with chocolate chip cake.
Author bio photo with cake.

Hi there, I'm Angela

I am an avid vintage cookbook collector, cook, baker, and total foodie. I love sharing new, fun, creative recipes and great classic recipes, just like my Grandma used to make! Every recipe on BIWL is tested to ensure that cooks of any experience level can succeed.

Welcome to Bake It With Love. Enjoy!

More About Me ->

Cinco De Mayo Recipes

  • Best homemade CRUMBL churro cookies baked and decorated and served on a plate with some cinnamon sticks next to them.
    CRUMBL Churro Cookies
  • Flavorful guacamole seasoning is best when homemade like this easy DIY spice blend in white bowl.
    Guacamole Seasoning
  • Square image of prime rib quesaritos.
    Prime Rib Quesaritos
  • Best albondigas tacos recipe using hearty Mexican meatballs in a savory tomato and chipotle chili sauce.
    Albondigas Tacos
  • Square image of sliced Arrachera steak on a cutting board.
    Arrachera (Mexican Steak for Tacos)
  • Square split image showing different Mexican casserole recipes to make.
    Mexican Casseroles
See more Cinco De Mayo →

Tasty Dinner Ideas

  • A square collage of four images showing easy summer crockpot meals including tender London broil pot roast, green beans and potatoes, grape jelly meatballs, and pork carnitas tacos.
    Summer Crockpot Meal Ideas
  • Panda Express honey sesame chicken copycat recipe plated with rice and garnished with more white sesame seeds.
    Panda Express Honey Sesame Chicken
  • A square image showing a bowl of tender wok fried marinated chicken with celery, onions, and black pepper sauce.
    Panda Express Black Pepper Chicken
  • Best leftover lobster recipes page image featuring four favorite dishes in a square collage.
    Leftover Lobster Recipes
  • Square collage image featuring 4 tasty recipes using leftover hard boiled eggs.
    Leftover Hard Boiled Eggs Recipes
  • Spider taco ring on baking sheet with taco toppings in the body and sliced olives for eyes.
    Spider Taco Crescent Ring
See more Main Dish →

Footer

Pin image with text divider of flowered mug with chocolate chip cake.

As Seen On

As seen on these popular sites: Mashed, Tasting Table, Parade, MSN, Yahoo, Delish, The Pioneer Woman, Today, Taste of Home, and more.

↑ back to top

About

  • Meet The Team
  • Photo Sharing
  • Privacy Policy
  • Work With Me
  • Accessibility Statement

Recipes

  • Dinners
  • Desserts
  • Breakfasts
  • Cookies & Bars
  • Videos
  • Articles

AI-Free

Everything on Bake It With Love is created by me, where I share my experiences, with help from my team members and family.

I promise that BIWL is 100% free of AI content.

Get Social

Visit us on your favorite social media platforms!

Copyright © 2016-2025 Bake It With Love

Rate This Recipe

Your vote:




Let us know what you thought of this recipe:

This worked exactly as written, thanks!
My family loved this!
Thank you for sharing this recipe

Or write in your own words:

A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.