Chocolate Chip Mug Cookie is the perfect quick treat, made with gluten free flour, vanilla, butter, brown sugar, and chocolate chips, ready in less than 5 minutes! 

If you want to try another mug cookie check out my Oatmeal Cookie in a Mug! I also love this Chocolate Mug Cake. If you decide you need a bigger batch, try my Gluten Free Chocolate Chip Cookies!

A spoon scooping out a piece of chocolate chip mug cookie from a blue cup.

Chocolate Chip Mug Cookie really hits the spot when you have a sweet tooth but don’t want to make a whole batch of cookies. I made this with both chocolate chips and dried cranberries, as well as both white and brown sugar.

If you want to use less ingredients overall, you can use one type of sugar and just chocolate chips. This is one of my favorite chocolate chip cookie recipes because you can really make it different every time! Plus there’s nothing quite like a warm chocolate chip cookie topped with vanilla ice cream after a long day.

Ingredients You’ll Need

Individual ingredients for chocolate chip mug cookie on a table.

Gluten Free All Purpose Flour – I use 1:1 gluten free flour for most of my recipes, because I think it works really well. You can use regular flour if you’re not gluten free. 

White Sugar – You can use all white granulated sugar if that’s what you have, but the blend of sugars helps the final flavor.

Brown Sugar – This adds a deeper flavor, because the brown sugar still has some molasses flavor to it. 

Vanilla Extract – This adds a nice flavor to the cookie. You can try other extract flavors, too! Try almond extract, or orange extract if you want to try something different. 

Butter – I always use unsalted butter, because you can’t guarantee how much salt is in the butter for each batch. If you need salt, you can add it later. But this recipe doesn’t really need it. 

Egg – Use a large egg, we’ll only need the yolk for this one. If you add the egg whites, your cookie will turn out more like cake (but still good!).

Chocolate Chips – Obviously we’re throwing in chocolate chips, but you can experiment and use white chocolate chips, caramel chips, or whatever else you’d like. Mini chocolate chips or dark chocolate chips would work, too. 

Dried Cranberries – I added dried cranberries because I personally really like them. You can leave these out if they’re not your thing. 

Step by step photos of how to make chocolate chip mug cookie.
  1. Melt the butter in a microwave safe mug for 15-20 seconds, or until melted.
  2. Add all other wet ingredients and whisk together with a fork.
  3. Add the dry ingredients and mix together until well combined. Throw a few extra chocolate chips on the top.
  4. Microwave on high for 1 minute. If the cookie needs it, add an additional 30 seconds.

Frequently Asked Questions

How can I tell if my cookie is ready?

Your cookie should look cooked on the top and a toothpick should come out clean (not counting any gooey chocolate pieces!). 

Why is my mug cookie dry?

If the cookie is dry, it may be that the cooking time was too long (most likely because the microwave was too strong). Try reducing the time by 10-15 seconds next time. 

Do you need baking powder to make a mug cookie?

No, for this recipe you’re not going to need any baking powder or baking soda. Because this is shaped differently from regular cookies, and we don’t want to get a rise like we would with a mug cake. 

What size mug should I use?

Try to use a larger mug where the cookie dough comes up to about halfway. The cookie itself will rise pretty high as it’s cooking, so you want to make sure it has room to do that and doesn’t fall out of the mug.

Tips and Tricks

  • Top this warm cookie with a scoop of vanilla ice cream! Personally, I like to use mint chip ice cream, but it’s personal preference. 
  • Add extra chocolate chips if you want a more gooey chocolate experience. Or add a tablespoon of peanut butter for a chocolate peanut butter cookie recipe.
  • Try adding walnuts, pecans, or almonds for a crunch.
  • Add some unsweetened cocoa powder for extra chocolate flavor! Or try a dash of cinnamon and nutmeg.
  • This recipe also works well with a spoonful of Nutella, or with some plain M&Ms in place of chocolate chips.
A chocolate chip mug cookie in a blue mug on the table.

If you loved this recipe, be sure to leave a 5 Star review below, and tag me with a photo of your finished recipe on instagram @Jacqui_DishingDelish!

A spoon scooping out a piece of chocolate chip mug cookie from a blue cup.

Chocolate Chip Mug Cookie

Chocolate Chip Mug Cookie is the perfect quick treat, made with gluten free flour, vanilla, butter, brown sugar, and chocolate chips, ready in less than 5 minutes! 
5 from 1 vote
Prep Time: 5 mins
Cook Time: 1 min
Total Time: 6 mins
Course: Dessert
Cuisine: American
Author: Jacqui
Yield: 1 serving

Ingredients
 
 

  • 3 tablespoons gluten free all purpose flour
  • 1 large egg yolk
  • 1 tablespoon light brown sugar
  • 1 tablespoon white sugar
  • 1 tablespoon unsalted butter
  • 1/4 teaspoon vanilla extract
  • 1 tablespoon chocolate chips
  • 1 tablespoon dried cranberries, (optional)

Equipment

  • 1 coffee mug microwave safe
  • 1 microwave

Instructions
 

  • Melt the butter in a microwave safe mug for 15-20 seconds. Add all other wet ingredients and whisk together with a fork.
  • Add the dry ingredients and mix together until well combined. Add 3-4 chocolate chips on top of the cookie dough.
  • Microwave on high for 1 minute. If the cookie needs it, add an additional 30 seconds.

Notes

Click on the time in the instructions to start a timer!
Tips
  • This cookie should take 1 minute in the microwave to cook. Different microwaves can cook at different strengths, so this might vary by a few seconds. 
  • If your cookie is dry, decrease the cooking time next time. 
  • Use a large mug so there is room for the cookie to rise.
Variations
  • Try adding nuts for a crunch like pecans, almonds, walnuts, or macadamias.
  • Swap out the chocolate chips for white chocolate chips or plain M&Ms. 
  • Top with a scoop of vanilla or mint chocolate chip ice cream!
  • Add a tablespoon of peanut butter with the cookie dough for a chocolate peanut butter cookie. 

Nutrition

Calories: 442kcal (22%)Carbohydrates: 63g (21%)Protein: 6g (12%)Fat: 20g (31%)Saturated Fat: 11g (69%)Polyunsaturated Fat: 1gMonounsaturated Fat: 5gTrans Fat: 0.5gCholesterol: 216mg (72%)Sodium: 24mg (1%)Potassium: 47mg (1%)Fiber: 3g (13%)Sugar: 45g (50%)Vitamin A: 629IU (13%)Vitamin C: 0.1mgCalcium: 68mg (7%)Iron: 2mg (11%)
Did you make this recipe?Share it on Instagram @Jacqui_DishingDelish and tag #dishingdelish!

We are a participant in both the RewardStyle and Amazon Services LLC Associates Program, which are affiliate advertising programs designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.com and through RewardStyle.