Desserts
This banana chocolate chip mug cake delivers restaurant-worthy dessert in just 5 minutes—perfect for satisfying sweet cravings without the mess of a full cake. The secret lies in ripe bananas and melted chocolate chips that transform into a warm, gooey treat with every microwave pulse.
I developed this recipe during a particularly busy week when I needed dessert that was both quick and foolproof.
The beauty of this recipe is its simplicity: just 5 ingredients and one bowl required. No mixing bowls to wash, no oven to preheat—just stir, microwave, and enjoy. The ripe banana adds natural sweetness while keeping the cake moist, while the chocolate chips melt into pockets of gooey goodness.
It's vegetarian but packed with rich flavors that taste indulgent.
What you'll end up with is a warm, golden cake with crisp edges and a soft, tender center, topped with melted chocolate chips that create that perfect balance of sweet and rich.
The aroma alone will have everyone gathering around your kitchen. This recipe is the ideal solution for late-night cravings or when you're craving something sweet but don't have time for elaborate baking.
Serve it straight from the mug with a dollop of whipped cream or a sprinkle of chopped nuts for added texture. The possibilities for customization are endless—add peanut butter for extra richness, or swap chocolate chips for white chocolate. Let's get started on this 5-minute dessert miracle!
Ingredients for banana chocolate chip mug cake
Five simple ingredients transform into a warm, gooey mug cake in just minutes.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 1 whole | Spotty skin preferred |
| All-Purpose Flour 🌾 | ½ cup | Sifted for light texture |
| Granulated Sugar 🍚 | ¼ cup | Or coconut sugar |
| Semi-Sweet Chocolate Chips 🍫 | ¼ cup | Enjoy Life brand for allergy-free |
| Unsalted Butter 🧈 | 3 tbsp | Melted, full-fat preferred |
| Vanilla Extract 🌸 | 1 tsp | Pure extract preferred |
| Baking Powder 🧂 | ½ tsp | Diamond Crystal preferred |
| Salt 🧂 | ¼ tsp | Fine sea salt |
| Milk 🥛 | ¼ cup | Any kind works |
Ripe bananas are non-negotiable here—they add natural sweetness and moisture. Check your fruit bowl first before buying new ones. The chocolate chips should be semi-sweet for that classic flavor, but dark or white chips work too. For the butter, I always grab the full-fat kind (none of that low-fat nonsense)—it makes the cake richer. Trader Joe's has a great price on bulk butter, or grab it from the regular grocery store dairy section. The flour? Sift it if you can—it creates a lighter texture, but if you're in a rush, just whisk it in the mug.
No baking powder? Baking soda plus 1/4 tsp vinegar works in a pinch. Out of vanilla? Almond extract at half the amount gives a similar depth. The milk can be any kind—dairy, almond, oat—whatever you've got. For extra richness, add a tablespoon of peanut butter to the batter. Want it sweeter? Add an extra tablespoon of sugar. The chocolate chips can be swapped for white chocolate chips or even crushed cookies if you're feeling fancy. Just remember: the ripeness of the banana is what makes this cake truly special.
This batter keeps in the fridge for 3 days—perfect for when you know you'll want dessert later. The chocolate chips stay freshest if you store them in an airtight container in a cool, dark place. For a make-ahead trick, mix everything except the chocolate chips, then store the batter in a jar. When you're ready for dessert, just add the chips and microwave. The cake reheats beautifully—just pop it back in the microwave for 20-30 seconds to restore that gooey texture.
Why You'll Love This Recipe
- No Mixer Needed: I just mash those ripe bananas right in the mug with a fork—no bowls, no mess. The butter melts into the batter while it microwaves, so you’re basically hands-off after that first stir.
- Melty Chocolate Magic: That first bite? Warm cake with gooey chocolate chips still soft from the microwave—it’s like dessert got a shortcut. Honestly, I’ve tried fancy versions, but this one hits harder.
- Breakfast or Snack Fix: Make one for your morning coffee or save the extra batter for a quick after-school treat. The flour-to-banana ratio keeps it sturdy enough to eat cold, too—perfect for lazy mornings.
- Pantry Staple Power: You’re already using things you have: brown sugar if you’re fancy, regular sugar if you’re not. One overripe banana saves it from the trash, and the chocolate chips stretch a bag into three servings. Budget win.
Step-by-step instructions for banana chocolate chip mug cake
Here's how to make this decadent mug cake with minimal effort and maximum flavor.
Mash the Banana Thoroughly
Start with the ripe banana - I like to use one with spotty skin as it's sweeter and easier to mash. Place it in a microwave-safe mug and pierce it with a fork in 3-4 places. Microwave for 20-30 seconds until it's soft and easy to mash. This makes the banana break down completely and creates a smoother batter.
Use a fork to mash the banana until it's completely smooth with no lumps. You should have about ¼ cup of mashed banana. The texture should be like thick pudding - if it's too thick, add a splash of the milk to loosen it. This step is crucial for creating a tender cake rather than a dense one.
Combine Wet Ingredients
To the mashed banana, add the melted butter, vanilla extract, granulated sugar, and milk. Stir everything together until fully combined. The mixture should be smooth with no visible streaks of butter. I always use a small whisk or fork for this step to ensure everything incorporates evenly.
This is where the magic happens - the butter and milk create a rich base while the vanilla and sugar enhance the banana's natural sweetness. The mixture should be thick but pourable. If it looks too thin, add a pinch more of the flour to help thicken the batter.
Add Dry Ingredients and Fold Gently
In a small bowl, whisk together the flour, baking powder, and salt. Sift the mixture directly into the wet ingredients and gently fold using a spatula. Be careful not to overmix - just combine until no flour streaks remain. Overmixing develops gluten which can make your cake tough.
Next, fold in the chocolate chips using the same gentle folding motion. Make sure they're evenly distributed throughout the batter. The chocolate chips should be visible but not clumped together. This ensures each bite has that perfect balance of banana and chocolate flavor.
Microwave to Golden Perfection
Place the mug in the microwave and cook for 60-75 seconds on high power. The cake is done when the top is puffed and golden brown with a slight crack in the center. It should spring back slightly when gently pressed with a finger. If it's not fully set, microwave in 10-second intervals until done.
Here's the thing - don't overcook it. The cake will continue cooking slightly as it sits, and you want that warm, gooey center. The edges should be set but the middle should still be slightly soft. Let it cool for 1 minute before eating - this helps the cake firm up just enough to be enjoyable.
Pro Tips For Making Banana Chocolate Chip Mug Cake
- Mash Bananas Thoroughly: I learned this the hard way—lumpy mashed bananas make for a dense, uneven cake. Use a fork to smash them first, then press through a fine-mesh strainer or whisk vigorously until completely smooth. No one likes gummy pockets in their mug cake.
- Microwave on High First: Skip the slow start—blast the mug cake on high for 30 seconds before switching to 50% power. This gets the center hot enough to cook evenly without burning the edges, especially if your microwave is finicky. (Yes, even if you’re impatient like me.)
- Use Room-Temp Butter: Cold butter creates greasy streaks and uneven baking. Let that block sit out for 10–15 minutes before measuring—just enough to soften but not melt. Your cake will rise better and have a lighter texture.
- Add Chocolate Chips Early: Fold half the chips into the batter first, then sprinkle the rest on top before microwaving. This ensures some melt into the cake while others stay gooey and fresh—no sad, unmelted chips at the bottom. (Your future self will thank you.)
Flavor customization for these flavors
Sweetness Adjustments
If your bananas are extra ripe and sweet, you can reduce the sugar to just ¼ cup or even 2 tbsp for a more natural flavor. I've found that coconut sugar adds a subtle caramel note that pairs beautifully with the chocolate chips.
For a less sweet version, swap out half the granulated sugar for unsweetened applesauce—it keeps the cake moist while cutting back on sugar. 🍚
Chocolate Variations
Swap the semi-sweet chocolate chips for white chocolate chips or dark chocolate chunks (70% cacao) to change the flavor profile completely. I love adding ½ cup chopped nuts like walnuts or pecans for crunch—just fold them in with the chocolate chips.
For a fun twist, mix in M&M's or crushed cookies like Oreos or graham crackers. These variations add texture and depth that keep the cake exciting.
Spiced Flavors
Add warmth with ½ tsp cinnamon or ¼ tsp nutmeg to the dry ingredients for a cozy, pumpkin-spiced vibe. A pinch of cardamom adds an exotic twist that pairs surprisingly well with chocolate.
For a tropical touch, stir in ½ tsp vanilla bean paste instead of extract—it intensifies the flavor without extra sugar. These spices work best when added to the dry ingredients before folding into the batter. ✨
Protein Boost
Make this mug cake more filling by adding ¼ cup Greek yogurt or 2 tbsp peanut butter to the wet ingredients. The yogurt adds protein and tanginess, while peanut butter deepens the richness.
For a vegan option, swap the butter for coconut oil and use almond milk instead of dairy milk. These tweaks keep the cake moist and satisfying while adapting to dietary needs.
Texture Tweaks
For a lighter cake, replace ¼ cup of the flour with almond flour or oat flour—it adds nuttiness and keeps the texture tender. If you prefer a denser, fudgier cake, increase the chocolate chips to ⅓ cup and reduce the milk by 2 tbsp.
For extra fluffiness, separate an egg, whip the white to soft peaks, and fold it into the batter just before microwaving. These adjustments let you customize the cake to your preferred texture. 💫
Nutrition facts
Frequently asked questions
Can I make this mug cake without eggs?
Yes! For a vegan version, replace the egg with ¼ cup unsweetened applesauce or 2 tbsp ground flaxseed mixed with 3 tbsp water (let it sit for 5 minutes to thicken). The texture will be slightly denser but still delicious. For a non-vegan option, you can omit the egg entirely since this recipe relies on the banana's natural binding properties.
Why did my cake turn out dense instead of fluffy?
Overmixing the batter or using unripe bananas are the most common causes. Always mash the banana completely with no lumps, and fold the dry ingredients just until combined. If your bananas aren't ripe enough, add 1 extra tbsp of milk to help lighten the texture. Also, make sure your baking powder is fresh—old baking powder loses its lift.
How do I know when the cake is fully cooked?
The cake is done when the top is puffed and golden with a slight crack in the center, and it springs back when gently pressed. If it's still jiggly after 75 seconds, microwave in 10-second bursts until set. Remember, it continues cooking slightly after microwaving, so avoid overcooking. A toothpick inserted should come out with a few moist crumbs, not wet batter.
Can I make this ahead of time?
Mix the batter (without chocolate chips) up to 3 days ahead and store it in an airtight container in the fridge. When ready to bake, add the chocolate chips and microwave as directed. For a make-ahead dessert, this is perfect—just add chips and microwave when cravings hit! The batter can also be frozen for up to 1 month for spontaneous treats later.
What's the best mug to use for this recipe?
Use a 12-16 oz microwave-safe mug with a wide top (like a coffee mug) for even cooking. Avoid thin, flimsy mugs that may crack under heat. A mug with a handle makes it easier to remove from the microwave safely. If you don't have a dedicated mug, a small oven-safe ceramic bowl works too—just check for microwave compatibility first.