• 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. Jess says

    January 10, 2025 at 9:11 pm

    5 stars
    I love this recipe! I make it a few times a month. 🙂 Thanks for sharing it!

    Reply
  2. KF says

    January 03, 2025 at 5:54 pm

    5 stars
    I’ve been making this a few times a week for years. It’s a personal favorite

    Reply
  3. Molly says

    January 02, 2025 at 8:04 pm

    5 stars
    Yep. Make it. It's as good as you hope.
    Thanks for the sweet tooth satisfaction.

    Reply
  4. Caelin says

    December 07, 2024 at 11:54 am

    This was yummy! I am NOT a good baker so this recipe is perfect. Mine turned out a bit crumbly, yet moist. Should I try microwaving a little less time next time?

    Reply
    • Angela Latimer says

      December 07, 2024 at 12:54 pm

      Yes, a few seconds less makes a difference with the short cooking time. Enjoy!

      Reply
  5. Kathy Ingles says

    October 20, 2024 at 7:08 pm

    5 stars
    Yummy! Very moist, easy to put together and just enough to satisfy my sweet tooth without having to bake a whole cake. Not practical with only 2 in the household. I’m saving it to make again.

    Reply
  6. Abiha N says

    September 27, 2024 at 2:26 pm

    5 stars
    I loved this SOOO much. After baking in a mug, I made it in a pan, and it was delicious!

    Reply
  7. Nancy says

    September 09, 2024 at 5:54 pm

    My little 700 watt microwave produced a delicious cake. Will be making this often. Thanks for a great little recipe!

    Reply
  8. Jeanne says

    August 25, 2024 at 2:24 pm

    Can you leave out the baking powder?

    Reply
    • Angela Latimer says

      August 26, 2024 at 6:00 am

      Leaving out the baking powder will result in a flat, dense mug cake. The texture will not be as pleasant, but it would be more cookie-like.

      Reply
  9. Anonymous says

    August 25, 2024 at 5:53 am

    5 stars
    I love this recipe so much that I have made it multiple times. I made it with my grandma once and she was so surprised that such a good cake could come from the microwave!

    Reply
  10. Lena says

    April 08, 2024 at 11:03 am

    Can I use palm oil in place of butter? Thanks!

    Reply
    • Angela @ BakeItWithLove.com says

      April 08, 2024 at 12:16 pm

      You can use any oil you prefer. Use the same amount as butter called for. Thanks for asking!

      Reply
  11. SANDRA LEE says

    March 14, 2024 at 4:25 pm

    Yum. It hit the spot this afternoon. Thanks!

    Reply
  12. Alex says

    February 25, 2024 at 8:38 pm

    5 stars
    Used this recipe and it turned out great!!

    Reply
  13. Stacy says

    February 03, 2024 at 7:49 pm

    5 stars
    So good for a quick single serve dessert!

    Reply
  14. Thalia says

    January 16, 2024 at 12:51 pm

    5 stars
    I'm vegan and I make this mug cake all the time. All the time. It is so good, so moist, and so easy to make and I add lots of chocolate chips and honestly tend to double the recipe and make it in a soup bowl. I use whatever margarine I have at the time (I use just slightly less than recipe) and oat milk and it comes out perfect.

    Reply
    • Angela @ BakeItWithLove.com says

      January 16, 2024 at 4:17 pm

      Thanks Thalia! I'm hearing alot of good things about using oat milk in this recipe (and it tastes great too)!

      Reply
  15. Ang says

    January 15, 2024 at 6:36 pm

    5 stars
    This was phenomenal! Best chocolate chip mug cake I’ve ever had! I only used 2 tablespoons of melted butter and my family thought it was perfect. Thanks for a great recipe I can’t wait to share it!

    Reply
  16. Morgan says

    January 15, 2024 at 4:46 pm

    5 stars
    Just right. Thanks

    Reply
  17. Bri says

    December 09, 2023 at 6:56 pm

    5 stars
    i've tried a few different mug cakes before and they were all really rich and made my stomach hurt after eating them. this mug cake is light, fluffy, and very easy to make. this is definitely a great one for late-night cravings or for people with few ingredients!

    Reply
  18. Cookin Gma says

    December 04, 2023 at 8:33 pm

    5 stars
    This was so easy and YUMMY!!

    Reply
  19. Jocelyn says

    November 27, 2023 at 7:18 pm

    5 stars
    I’ve made this twice now, once was exactly as the recipie sayid, but the second time, I ran out of brown sugar, so I used white sugar. It’s not as good, but it wasn’t bad. The original receipie though…SO GOOD!

    Reply
    • Angela @ BakeItWithLove.com says

      November 27, 2023 at 7:43 pm

      Thanks so much for sharing your experience! Next time, if you run out of brown sugar, try mixing a drizzle of molasses in to mimic the flavor. ☕ Enjoy!

      Reply
    • Anonymous says

      January 10, 2024 at 8:30 pm

      5 stars
      Ma’am you ate with this recipe!! Literally made it just now with dark brown sugar and it’s soo scrumptious. Perfectly moist, sweet, and satisfied my craving. Will be adding this to my favs 🙂

      Reply
  20. Anonymous says

    October 07, 2023 at 7:35 pm

    THIS IS THE BEST MUG CAKE RECIPE I HAV EEVER TRIED I LOVE IT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Reply
    • Angela @ BakeItWithLove.com says

      October 08, 2023 at 9:56 am

      Thank you! It's a favorite last minute dessert in my house!

      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.