• 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. Nicole Ruiz says

    September 27, 2023 at 4:57 pm

    5 stars
    So, my daughter and I are about to make this. We've never made it before so I can't attest to the taste. What I did want to absolutely review and say THANK YOU on is including the ingredients used in each step. Lol it sounds silly, I'm sure, but it's an extra step you took that's incredibly helpful.

    Reply
  2. Anonymous says

    September 15, 2023 at 3:11 am

    5 stars
    Omg you guys this is the most yummiest mug cake everrrrrrrrrrr

    Reply
    • Nelly says

      October 23, 2023 at 7:59 pm

      this was soooooo delishious.

      Reply
  3. Anonymous says

    September 14, 2023 at 5:16 pm

    5 stars
    I’ve tried many mug cakes and this is the best one yet

    Reply
  4. Lisa S says

    September 12, 2023 at 8:30 pm

    My family loved this recipe! I tripled the recipe and mixed all the ingredients in a small bowl, than I divided the batter between three mugs before I realized I only had white chocolate chips. It needed something sweeter so I poured about 1/2 tsp of maple syrup over the top after microwaving for 1.5 minutes and it was the perfect amount of sweetness. This was my first cake in a mug and will make again. New Swanson family favorite!

    Reply
  5. Theresa says

    September 04, 2023 at 7:50 pm

    5 stars
    I loved this recipe. It reminds me of coming home from high school and having nothing to do and then making this really quick chocolate chip cake yummy recipe to satisfy my craving while watching TV. 2 minutes in a 900 degree oven is perfect. Thanks!

    Reply
  6. Al says

    August 28, 2023 at 10:49 pm

    4 stars
    I was skeptical about microwaved "baked goods", but to my surprise this came out pretty good! I followed another user's suggestion and reduced butter to 2 tbs. I used mini chocolate chips and increased the amount by about 1/2 tbs to ensure there are some in each bite. I decreased vanilla to 1/4 tsp (pure vanilla extract), I found that to be appropriate for the low volume of finished product. Thank you for the recipe. Will be making it again.

    Reply
  7. Mela says

    July 16, 2023 at 9:27 am

    5 stars
    This recipe was amazing!! Super moist and delicious. Whenever I make this mug cake I tend to add a little more salt than the recipe suggests. I personally love sweet and salty things, so this was the recipe for me!

    Reply
  8. Nancy says

    July 12, 2023 at 1:34 am

    5 stars
    That seems like a lot, for just one regular size mug...

    Reply
    • Angela @ BakeItWithLove.com says

      July 12, 2023 at 8:08 am

      It fits a standard 12-14 ounce mug. Enjoy!

      Reply
  9. Emily D. says

    July 08, 2023 at 7:29 am

    5 stars
    I added extra chocolate chips to feed my sweet tooth. Perfect mug cake recipe, looking forward to trying your others!

    Reply
  10. Åsa Johansson says

    July 07, 2023 at 3:20 pm

    5 stars
    Jättegod! Rekommenderas!
    "Scrumptious! Recommended!"

    Reply
  11. Edward Patterson says

    June 27, 2023 at 10:47 pm

    I tried this recipe, my wife liked it, and its just the perfect size for a night time snac

    Reply
  12. Carol says

    June 13, 2023 at 3:39 pm

    5 stars
    1st try so I followed the ingredient amounts as listed and added a dollop of hot fudge in the middle before baking. 😋 This gave it a “lava” center.
    I also melted the butter in the mug which allowed the mug to be “greased” for the cooking process. Very good but very sweet! 😂😂😂

    Reply
  13. Melanie says

    June 06, 2023 at 9:21 pm

    5 stars
    This recipe works and is very yummy. Great for a quick dessert when you’re craving something sweet.

    Reply
  14. Rachel says

    May 15, 2023 at 3:23 pm

    5 stars
    Easy and delicious! THANK YOU SO MUCH for putting the ingredient amounts in the section with the directions. Everyone should be a cool as you and do that! Have a great day.

    Reply
    • Mara says

      August 26, 2023 at 5:10 pm

      I totally agree about listing the ingredient amounts in the directions - not necessary but extremely thoughtful, thank you!
      The mug cake was perfect at 1 min 30 sec in my 1000w microwave. This recipe hit the spot!

      Reply
  15. Rana says

    May 15, 2023 at 1:51 pm

    5 stars
    Made this for a late night solo craving. Delicious. I replaced the butter with 2 tablespoons of extra virgin coconut oil, the light brown sugar with the dark brown that I had on hand, added a generous dash of cinnamon (ohhhh the smell) and half the amount of chocolate chips. Amazing result. Thank you

    Reply
  16. Jen D. says

    May 09, 2023 at 6:55 pm

    5 stars
    My (vegan) daughter's go-to quick dessert for after karate and play rehearsals!

    Reply
  17. Chip says

    April 09, 2023 at 8:01 pm

    5 stars
    Just made this. I enjoy trying different mug cake recipes. They are generally quick and easy to make….and I usually make the Chocolate variety! Decided to try this Chocolate Chip Mug Cake. It was SUPER easy and delicious! Thank you Angela!

    Reply
  18. Treena says

    April 05, 2023 at 12:57 pm

    5 stars
    THIS IS THE BEST THING I'VE EVER HAD😍

    Reply
  19. Erin says

    March 21, 2023 at 7:15 pm

    5 stars
    The best mug cake that I have tried!

    Reply
  20. Derek says

    February 28, 2023 at 7:14 pm

    5 stars
    put 1/2 tablespoons of vanilla extract at first and it exploded in my microwave but when i did it again it was very good and would recommend.

    Reply
« Older Comments
Newer 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.