Magic Brownie Bars are my kind of dessert bar: a fudgy brownie base with that classic sticky condensed milk topping that bakes up chewy and rich.
The coconut gets toasty, the chips melt into little pockets, and the nuts give you just enough crunch. I like these best when they’ve had time to chill, because the layers set up into that clean sliceable bar texture.
These are especially good on a holiday platter, for bake sales, or anytime I need a dessert that travels well and doesn’t need frosting or fuss. They’re also one of my favorite bars to cut small, since they’re pretty rich.
Why You’ll Love This Recipe
Soft and Chewy: The brownie layer stays fudgy, and the condensed milk topping bakes into that classic chewy bar texture.
Big Chocolate Flavor: Between the brownie base and the chocolate chips, this is a dessert for actual chocolate people.
Great for Cookie Trays: They slice neatly once chilled, so they’re easy to stack, plate, and bring along.
Easy to Make Ahead: These are honestly better after they’ve cooled and chilled, which makes timing simple.
Customizable: Swap the nuts, change the chips, or tweak the sweetness to fit your taste.
Ingredients You’ll Need
Brownie Base
- Fudgy brownie mix: I stick with a fudgy style mix here (not cake-like), because it holds up better under the topping and stays dense.
- Eggs: These help the boxed mix bake up with a more homemade texture and keep the base sturdy enough for layering.
- Vegetable oil: Oil keeps the brownie layer moist and chewy. Any neutral oil works fine.
- Water: Just regular water is all you need to bring the batter together.
Magic Topping
- Sweetened condensed milk: Don’t swap this for evaporated milk. Condensed milk is what makes the topping set up sticky and chewy.
- Sweetened shredded coconut: The sweetened kind gives the best texture here. It toasts on top and stays chewy in the middle.
- Semi-sweet chocolate chips: Semi-sweet is my go-to, but dark chocolate chips are great if you want the bars less sweet.
- Butterscotch chips: This is the flavor that makes these taste like “magic bars” instead of just brownie bars. If you love butterscotch, don’t skip it.
- Chopped pecans or walnuts: Either one works. I like pecans for a slightly softer crunch, but walnuts are more classic.
- Unsalted butter: A little melted butter helps the topping bake up richer and helps everything meld together.
- Kosher salt: Just enough to keep the topping from tasting flat, especially with the chips and condensed milk.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch baking pan with parchment paper, then lightly grease it.
- Mix the batter: Stir the brownie mix, eggs, vegetable oil, and water together just until smooth.
- Bake the base: Spread the batter evenly in the pan, then bake for 10 minutes.
- Add the coconut: Sprinkle the shredded coconut evenly over the warm brownie layer.
- Add the chips and nuts: Scatter the chocolate chips, butterscotch chips, and chopped nuts evenly over the coconut.
- Mix the drizzle: Whisk the sweetened condensed milk with the melted butter and kosher salt.
- Drizzle: Pour and drizzle the condensed milk mixture evenly over the top, covering as much of the surface as you can.
- Bake: Bake for 18 to 22 minutes, until the edges are set and the center is still slightly soft.
- Cool: Let the bars cool completely in the pan.
- Chill and slice: Chill for 60 minutes for cleaner cuts, then lift out using the parchment and slice into bars.
Some of my tips!
This is the part that really makes a difference. If you only read one section, make it this one because this is where I share the little trick that helps the recipe turn out so well.
Recipe Tips & Tricks
Use parchment paper. These bars are sticky, and parchment makes it so much easier to lift them out in one piece and slice neatly.
Mix the brownie batter just until smooth. Overmixing can make the base bake up tougher. Stir until you don’t see dry mix, then stop.
Don’t overbake. Pull them when the edges look set and the center still looks a little soft. They firm up a lot as they cool and chill.
Chill before slicing. If you cut them warm, the topping will slide and the brownies can crumble. A short chill makes a big difference.
Change the sweetness if you want. Dark chocolate chips make these taste less sugary, and a pinch of extra salt on top is also nice if you like that sweet-salty thing.
Make some touches!
There are plenty of easy ways to serve this depending on the occasion. Keep it simple, or add a few small touches to make it feel a little more special.
Serving Suggestions
- Milk: A cold glass of milk is classic with these. I like it especially when the bars are chilled and extra chewy.
- Coffee: Serve with hot coffee or a latte. The butterscotch and toasted coconut go really well with coffee.
- Ice cream: If you want a plated dessert, warm a bar for a few seconds and add vanilla ice cream on the side. Keep the portion small because it’s rich.
- Fruit: Fresh berries are a nice add-on if you want something lighter on the plate. Strawberries and raspberries work well.
Save it for later
This section covers how to store leftovers and what parts of the recipe you can prepare ahead of time.
Storage and Make Ahead
Store leftovers covered in the fridge for up to 4 days. I like them cold because the topping stays chewy and the cuts stay clean.
You can also make this recipe ahead for parties. Bake the day before, chill, and slice right before you’re ready to set them out.
If you want them warm, microwave a bar briefly until it’s just softened. Don’t heat too long or the chips can get messy.
If you want them to last longer, freeze individual portions in an airtight container. Thaw in the fridge overnight before serving.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Can I make Magic Brownie Bars without nuts?
Yes. Just leave the nuts out and bake as written. The bars will still set up fine, just with a softer bite.
Can I use unsweetened coconut instead of sweetened?
You can, but the topping won’t be quite as sticky. I’d add 1 to 2 tablespoons extra sweetened condensed milk to help it bind and keep that chewy texture.
How do I know when they’re done baking?
The edges should look set and a little golden, and the center should still be slightly soft when you gently shake the pan. If the whole middle looks wet and loose, give it a few more minutes.
Can I use dark chocolate chips?
Definitely. Dark chocolate chips are my favorite swap when I want the bars less sweet, especially since the topping already has condensed milk and butterscotch chips.
Why did my bars crumble when I sliced them?
They usually crumble when they’re cut too warm. Let them cool completely, then chill for about an hour before slicing for the cleanest cuts.
You might also like
Before you go, take a look at a few other recipes below the recipe card. They use similar ingredients in a different way and are worth saving too.
MORE DINNER RECIPES TO TRY
Magic Brownie Bars
INGREDIENTS
Brownie Base
- 1 box 18 to 19 oz fudgy brownie mix
- 2 large eggs
- 1/2 cup vegetable oil
- 1/4 cup water.
Magic Topping
- 1 can 14 oz sweetened condensed milk
- 1 1/2 cups sweetened shredded coconut
- 1 cup semi sweet chocolate chips
- 1 cup butterscotch chips
- 1 cup chopped pecans or walnuts
- 2 tbsp unsalted butter melted
- 1/4 tsp kosher salt.
INSTRUCTIONS
Setup
- heat oven to 350 F
- line a 9x13 inch baking pan with parchment and lightly grease.
Bake And Finish
- mix brownie mix eggs oil and water just until smooth
- spread batter evenly in pan and bake 10 minutes
- sprinkle coconut evenly over the warm brownie layer then add chocolate chips butterscotch chips and nuts
- whisk sweetened condensed milk with melted butter and salt then drizzle evenly over the top
- bake 18 to 22 minutes until the edges are set and the center is slightly soft
- cool completely in the pan then chill 60 minutes for clean cuts
- lift out and slice into bars.
