Go Back
–+ servings
4th of July Cake-Mix Cookie Bars

4th of July Cake-Mix Cookie Bars You’ll Love to Celebrate!

Enjoy these festive 4th of July Cake-Mix Cookie Bars, combining vibrant M&Ms with a simple four-ingredient recipe perfect for summer celebrations.
Print Recipe Pin Recipe
Prep Time 10 minutes
Cook Time 25 minutes
Cooling Time 15 minutes
Total Time 50 minutes
Servings: 12 bars
Course: Desserts
Cuisine: American
Calories: 180
Ingredients Equipment Method Nutrition Notes

Ingredients
  

For the Cookie Bars
  • 1 box Yellow Cake Mix Can swap with chocolate cake mix.
  • 2 Large Eggs Can substitute with flax eggs for vegan option.
  • 1/2 cup Butter Use unsalted butter or coconut oil for dairy-free.
  • 1 cup M&Ms Can swap with chocolate chips or themed candies.

Equipment

  • 9x13-inch baking pan
  • Medium mixing bowl
  • spatula

Method
 

Step‑by‑Step Instructions
  1. Preheat your oven to 350°F (175°C). Gather your ingredients and equipment.
  2. Prepare your 9x13-inch baking pan with cooking spray or parchment paper.
  3. In a medium mixing bowl, combine the yellow cake mix, large eggs, and melted butter. Stir until a smooth batter forms.
  4. Gently fold in the M&Ms until evenly distributed throughout the batter.
  5. Spread the cookie bar batter evenly into the prepared baking pan.
  6. Bake for 20-25 minutes, keeping an eye on the edges for golden brown color.
  7. Cool the bars in the pan for 10-15 minutes before lifting them out to cool completely on a cutting board.

Nutrition

Serving: 1barCalories: 180kcalCarbohydrates: 24gProtein: 2gFat: 8gSaturated Fat: 5gPolyunsaturated Fat: 1gMonounsaturated Fat: 2gCholesterol: 35mgSodium: 150mgPotassium: 70mgSugar: 12gVitamin A: 250IUCalcium: 30mgIron: 1mg

Notes

Allow the bars to cool completely before cutting for the best texture. Store leftovers in an airtight container.

Tried this recipe?

Let us know how it was!