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

Bake It With Love

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

Last Updated: Aug 8, 2025 by Angela Latimer · 118 Comments

Chocolate Chip Mug Cake

Jump to Recipe
Chocolate chip mug cake Pinterest pin with an up-close image of a single-serving chocolate chip cake in a mug with text overlayed and a red stamp that reads 'updated'.

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.

For more flavors, see my full collection of single-serving mug cake recipes.

Square image of flowered mug with chocolate chip cake.
Jump to:
  • ❤️ Why I Love This Recipe
  • 🥘 Ingredients
  • 🔪 How To Make Chocolate Chip Mug Cakes
  • 💭 Angela's Pro Tips & Recipe Notes
  • ⭐ Testimonials
  • 🥡 Storing & Reheating
  • ❓Can I Make My Mug Cake Vegan or Gluten-Free?
  • ❓My Mug Cake Is Rubbery, What Can I Do?
  • ❓Can I Substitute Baking Soda for Baking Powder in a Mug Cake?
  • 📖 Recipe Card
  • 💬 Comments & Reviews

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.

This chocolate chip mug cake has the traditional flavors of a fluffy chocolate chip cookie, 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. My mug cake tastes amazing as-is, but it can be added to so it's 100% satisfying. Toss in some nuts for added crunch, top it with whipped cream or a scoop of vanilla ice 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

A tall image showing chocolate chip mug cake ingredients with labels.
  • All-Purpose Flour - Any brand of all-purpose flour will do. If you have self-rising flour, you can use that too, but leave out the additional baking powder and salt below.
  • 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.
  • Baking Powder - Baking powder is needed for rise, because this cake has no eggs.
  • Salt - A small amount of salt helps balance the sweetness.
  • 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.
  • Butter - Pop your butter in the microwave for 20-30 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.
  • 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.
  • 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. Grab your measuring utensils, a spoon or whisk, and a microwave-safe mug to get started.

This recipe is for a single-serving dessert mug cake for 1 person.

Chocolate chip mug cake process photo 1 showing the dry cake ingredients in a coffee mug.
Chocolate chip mug cake process photo 2 showing the dry cake ingredients mixed together in a coffee mug.

In a bowl or a large coffee mug, mix together ¼ cup (31.25 grams) of all-purpose flour, 2 tablespoons light brown sugar, ¼ teaspoon baking powder, and a pinch of salt until well integrated (photos 1 & 2).

Chocolate chip mug cake process photo 3 showing the wet ingredients added to the dry ingredients in a coffee cup.
Chocolate chip mug cake process photo 4 showing the wet and dry ingredients mixed together to make the cake batter in a coffee cup.
Chocolate chip mug cake process photo 5 showing the finished cake batter with added chocolate chips in a coffee mug.

Add the 3 tablespoons milk, 3 tablespoons melted butter, ½ teaspoon vanilla extract (photo 3), and mix until nice and smooth (photo 4). (Be sure to scrape the bottom of the bowl to moisten all the flour.). Then, fold in 2 tablespoons of chocolate chips (photo 5).

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. Allow your mug cake to cool in the microwave for 1 minute before eating.

Wide image of flowered mug with chocolate chip cake.

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

💭 Angela's Pro Tips & Recipe Notes

  • Make as many mug cakes as you want. 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.
  • 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 white sugar or a sugar alternative like erythritol. I use Swerve for the best results. Keep in mind that this might slightly change the cake's flavor and texture.

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

Freezing

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.

Reheating

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 image featuring 4 chocolate cake recipes including an easy 9x13 chocolate cake, chocolate loaf cake, layered mousse cake, and cake pops.
    Best Chocolate Cake Recipes
  • Amazing 4 layer chocolate mousse cake with a slice removed on a cake board.
    Layered Chocolate Mousse Cake
  • A four-panel square image showcasing a variety of summertime cookies: sprinkle sugar cookies, jam thumbprint cookies, strawberry blossom cookies with chocolate, and frosted snickerdoodles.
    Best Cookies of Summertime
  • Delicious chocolate chip scones stacked on a plate to serve while warm.
    Chocolate Chip Scones
See more Desserts →

❓Can I Make My Mug Cake Vegan or Gluten-Free?

You can! To make a vegan mug cake, substitute your favorite vegan butter and non-dairy milk (almond milk or oat milk will work). To make it gluten-free, substitute the all-purpose flour for a gluten-free 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.

❓Can I Substitute Baking Soda for Baking Powder in a Mug Cake?

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

Square 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

My quick and easy chocolate chip mug cake is soft, fluffy, and loaded with melted chocolate chips. It’s the perfect single-serve dessert when you're short on time but craving something sweet and warm.
1x recipe yields 1 mug cake (that can be shared as dessert for two). For more flavors, see my full collection of single-serving mug cake recipes.
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 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

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

Grilling Recipes

  • A square image showing 4 grilled pineapple and shrimp skewers coated in sticky caramelized sauce over white rice with a lime on a white plate.
    Pineapple Shrimp Skewers
  • Tasty, easy cookout food ideas to make and feed a crowd this summer.
    Easy Cookout Food Ideas: Best Dishes To Bring To A Cookout
  • Square image of sliced Arrachera steak on a cutting board.
    Arrachera (Mexican Steak for Tacos)
  • A square image showing tender marinated Denver steak sliced on a plate, served medium rare with a fork and a sprinkle of chopped parsley for a flavorful, steakhouse-style meal.
    Denver Steak
  • Square image of grilled ostrich steaks.
    Grilled Ostrich Steaks
  • Square image of grilled pineapple.
    Grilled Pineapple
See more Grilled →

Tasty Dinner Ideas

  • A square image showing crispy quesadilla wedges stuffed with rotisserie chicken and melted cheese, plated with sour cream and garnished with fresh cilantro leaves.
    Rotisserie Chicken Quesadillas
  • A square image showing tender wok-fried strips of chicken breast with peppers (firecracker chicken) in a black bowl over white rice with a set of chopsticks.
    Panda Express Firecracker Chicken Breast
  • 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
See more Main Dish →

Footer

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.