Chocolate chip mug cake is a warm and gooey brown sugar cake with chocolate chips that’s made in a mug. This chocolate chip cookie cake takes 1 minute to mix and another minute to cook in the microwave. Top this moist chocolate chip cake in a cup with more chocolate chips and vanilla ice cream for the perfect single serve dessert.

Jump to:
Why Should You Make This Recipe
Mug cakes are the easiest and best desserts ever. They’re versatile and endlessly adaptable based on your cravings and what you have in the pantry. My Hot Chocolate Mug Cake, Snickerdoodle Mug Cake, Vanilla Mug Cake, 3 Ingredient Mug Cake, Peanut Butter Mug Cake and Banana Mug Cake are some of my favorite mug cake recipes on the blog. This simple chocolate chip cake in a mug is another fun and easy single serve dessert I know you will love.
- It’s quick and easy to make with a few ingredients. This chocolate chip cookie cake takes about 1 minute to mix up, using a handful of simple ingredients and 1 minutes to cook in the microwave.
- Perfect for 1 or 2: This mug cake with chocolate chips makes one perfect single serving of warm and gooey brown sugar cake with chocolate chips. Top with cold vanilla ice cream for the best single serve cake in a cup.
Ingredients
This chocolate chip mug cake recipe is made from a handful of pantry basics. Here’s what you’ll need to make it.

Gather butter, milk, brown sugar, vanilla extract, salt, baking powder, flour and chocolate chips.
Substitutions
This vanilla chocolate chip cookies mug cake is meant to be quick and easy, but sometimes you may not have everything on hand. If you need them, here are my recommended substitutions for this recipe.
- Butter: I like to use unsalted “sweet cream” butter in almost all my baking recipes. This is the most common and widely available butter in the US. If needed, use salted butter or a diary free butter you like.
- Milk: The milk replaces the egg in this mug cake recipe to keep it egg free. Any type of milk will work well in this chocolate chip in a mug cake. If you don’t have any milk on hand, substitute all the milk in the recipe for one large egg yolk.
- Brown Sugar: Maple sugar would be good refined sugar free substitute.
- Vanilla Extract: Adding a splash of vanilla extract really makes this microwave chocolate chip cake shine.
- Salt: A pinch of salt enhanced the flavors of the other ingredients.
- Baking Powder: This leavener is recommended for this mug cake. Omit if needed. The texture of the cake will be denser and gooey verses lighter with a gooey center.
- Flour: Any flour works well in this moist mug cake. I love using oat flour or all purpose flour. Feel free to use almond flour to make this grain free.
- Chocolate Chips: Feel free to use your preferred kind of chocolate chips. For a more chocolate chip cookie inspired mug cake, I like to use semi sweet chocolate chips.

Variation
Chocolate Chocolate Chip Mug Cake: To make the chocolate version of this brown sugar and vanilla chocolate chip cake in a mug simply substitute 1 tablespoon (12.5 g) flour for 1 tablespoon (5 g) cocoa powder. Follow the rest of the recipe as written.
How To Make
Learn how to make a chocolate chip mug cake in a few easy steps.

- Grab your favorite mug. It should hold at least 10 - 12 oz. (300 - 360 ml) of liquid. Place the butter in the mug. Microwave the butter until melted, about 30 seconds in the microwave.
- Stir or whisk in the milk followed by the brown sugar, vanilla extract, salt and baking powder until smooth and well combined. Stir in the flour until smooth and well combined. Stir in or top the brown sugar cake with the chocolate chips.

3. Microwave the mug cake vanilla cake in the microwave for 60 - 90 seconds (1 - 1 ½ minutes). The mixture should puff up and resemble cake. If there is any liquid at the bottom or the cake seems underbaked, heat the mug cake in the microwave in additional 15 second increments until the cake is to your desired consistency. Allow the mug cake to cool for 2 - 3 minutes. Top the cooled chocolate chip muffin mug cake with more chocolate chips and ice cream if you like and enjoy.
How To Serve and Store
- Serve: I love topping this easy chocolate chip cookie mug cake with more chocolate chips and a generous scoop of cold vanilla ice cream.
- Store: This mug cake recipe is designed to be single serve and to be eaten as soon as it is made. I do not recommend storing this chocolate chip cookie cake in a mug as the texture changes over time. Aka, it tastes so much better right after it is made.

M’s Expert Tips
- Mix in the suggested order. I love an easy one dish dessert. After trying a few different ways, I found whisking or mixing the wet ingredients first and then adding in the dry was the best and easiest way to make this gooey and moist chocolate chip filled brown sugar mug cake.
- Mix the ingredients well. The chocolate chip cake batter should be similar to a regular cake batter before baking.
- Check the wattage on your microwave. If your microwave is below 1100, you may need to add 20 - 30 seconds. If your microwave is above 1100, you may need to start at 90 seconds and add 20 - 30 more seconds as needed.
- Top the mug cake with your favorite toppings. My favorite way to enjoy this mug cake is with more chocolate chips and a big scoop of vanilla ice cream.
FAQs
You absolutely can. Preheat the oven to 350 F (177 C). Place the mugs or ramekins filled with the vanilla cake batter on a baking sheet. Bake the mug cakes for 10 - 15 minutes.
Cakes baked in the microwave can taste just like a cake baked in the oven. The trick is to have the right balance of dry and wet ingredients and to ensure that the ingredients have baked for just the right amount of time. Mug cakes can have a range of textures after cooking in the microwave ranging from cake like to a cross between a brownie and cake or like cookie dough.
An easy way to substitute an egg in a mug cake recipe is to replace it with milk. This chocolate chip mug cake uses 3 tablespoons (45 ml) milk in place of one large egg yolk.

More Chocolate Chip Recipes to Try
If you try this Chocolate Chip Mug Cake recipe please rate the recipe and leave a comment below. Doing so helps other readers decide if this is a great recipe to bake. Don’t forget to tag me on Instagram using @olivesnthyme so I can see what you’re baking!

Chocolate Chip Mug Cake Recipe
Equipment
- 1 10 - 12 oz. mug
- 1 spoon, fork or small whisk
- 1 microwave
Ingredients
- 2 tablespoons (28 g) unsalted butter
- 3 tablespoons (45 ml) milk
- 2 tablespoons (25 g) brown sugar
- 1 teaspoon (5 ml) vanilla extract
- ⅛ teaspoon salt
- ¼ teaspoon baking powder
- ¼ cup (30 g) all purpose flour
- 2 - 3 tablespoons (20 - 30 g) semi sweet chocolate chips
Instructions
- Grab your favorite mug. It should hold at least 10 - 12 oz. (300 - 360 ml) of liquid.
- Place the butter in the mug. Microwave the butter until melted, about 30 seconds in the microwave.2 tablespoons (28 g) unsalted butter
- Stir or whisk in the milk followed by the brown sugar, vanilla extract, salt and baking powder until smooth and well combined. Stir in the flour until smooth and well combined. Stir in or top the brown sugar cake with the chocolate chips.3 tablespoons (45 ml) milk, 2 tablespoons (25 g) brown sugar, 1 teaspoon (5 ml) vanilla extract , ⅛ teaspoon salt , ¼ teaspoon baking powder, ¼ cup (30 g) all purpose flour, 2 - 3 tablespoons (20 - 30 g) semi sweet chocolate chips
- Microwave the mug cake vanilla cake in the microwave for 60 - 90 seconds (1 - 1 ½ minutes). The mixture should puff up and resemble cake. If there is any liquid at the bottom or the cake seems underbaked, heat the mug cake in the microwave in additional 15 second increments until the cake is to your desired consistency.
- Allow the mug cake to cool for 2 - 3 minutes. Top the cooled chocolate chip muffin mug cake with more chocolate chips and ice cream if you like and enjoy.






Leave a Reply